Mobile view problem with a transparent menu

Home Support Business Kit Mobile view problem with a transparent menu

This topic contains 9 replies, has 2 voices, and was last updated by  ProDesign Support 1 month, 2 weeks ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #11321

    BCKW
    Participant

    Thank you for the perfect theme. I have one problem, could you please be so kindly to comment it:
    in mobile view the drop-down menu is transparent and overlay occurs as in the attached photo.

    Pic 1
    Pic 2

    #11326

    Hello BCKW,

    Greetings of the day! Thank you so much for your kind words of appreciation!

    Below custom CSS will help you to solve your issue, regarding the issue of overlapping of the logo and menu title.

    Please follow below steps add custom CSS code.
    1) Please log in to the admin area
    2) Go to “Appearance >> Customize >> Additional CSS”.
    3) Paste the below code in “Additional CSS” and save it afterward:

    @media only screen and (max-width:479px) {
    .site-branding {
         z-index: 99;
    }
    }

    We are happy to help you. Feel free to contact us if you need further help.

    Thank you.

    #11327

    BCKW
    Participant

    Thank you so much! It works!

    #11336

    BCKW
    Participant

    One more question please. Is there any way to make the phone number in the top header clickable to open android dialer and make a call? The way below is not working:

    
    <a href="tel:+55555555">Тел: 555555555</a>
    
    #11337

    BCKW
    Participant

    Just noticed this code below you gave me works perfect at normal phone screen. But at rotating view it has the same problem. Picture attached. My be possible to modify it. Thanks in advance.
    Pic 3

    
    @media only screen and (max-width:479px) {
    .site-branding {
         z-index: 99;
    }
    }
    
    #11346

    Hello BCKW,

    We would be glad to help you but
    May we request you to provide a website URL so that we can take a look into that
    It might be helpful to give the perfect solution to the issue you are facing.

    Thank you.

    #11350

    BCKW
    Participant

    Hello, yes, sure. Thanks in advance.

    website url

    #11416

    Hello BCKW,

    Thank you so much for sharing your website URL. It really helps us to figure out the issue.

    Below code will solve your issue. Please replace below code with above-given code.

    Please follow below steps add custom CSS code.
    1) Please log in to the admin area
    2) Go to “Appearance >> Customize >> Additional CSS”.
    3) Paste the below code in “Additional CSS” and save it afterward:

    @media only screen and (max-width:850px) {
    .site-branding {
         z-index: 99;
    }
    }

    Thank you.

    #11419

    BCKW
    Participant

    Thank you, works perfect!

    #11428

    Hello BCKW,

    We are happy to help you. Feel free to contact us if you need further help.

    Thank you.

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Mobile view problem with a transparent menu’ is closed to new replies.