Mobile top bar issue

  • lesi2000

    (@lesi2000)


    5 years, 11 months ago

    I have a top bar menu which somehow is overlapped from the header.
    image: https://imgur.com/a/FM5FBzC
    You can see that i have a language switcher and the drop down its not showing.
    Its only issue on the mobile view. Desktop is working fine.

    Please help me resolve this 🙂

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Abhishek

    (@abhikr781)

    5 years, 11 months ago

    Hi,

    Please use the below code to fix the issue

    @media screen and (max-width: 782px) {
#top-bar-wrap {
    z-index: 999;
}}

    For Custom CSS, Go to Appearance > Customize > Custom CSS.

    Thread Starter lesi2000

    (@lesi2000)

    5 years, 11 months ago

    I just added it. No change :/
    I cleared the cache, to be sure its not cached
    Any other suggestions?

    • This reply was modified 5 years, 11 months ago by lesi2000.
    Abhishek

    (@abhikr781)

    5 years, 11 months ago

    Please use “! important” with it and check.

    Thread Starter lesi2000

    (@lesi2000)

    5 years, 11 months ago

    ! important
    @media screen and (max-width: 782px) {
    #top-bar-wrap {
    z-index: 999;
    }}

    if it is like this…its not working again. and this too:

    @media screen and (max-width: 782px) {
    #top-bar-wrap {
    z-index: 999;
    }}! important

    Abhishek

    (@abhikr781)

    5 years, 11 months ago

    Not like that.
    You should use an important tag for this:

    
@media screen and (max-width: 782px)
#top-bar-wrap {
    z-index: 999 !important;
}
    Thread Starter lesi2000

    (@lesi2000)

    5 years, 11 months ago

    thanks for the correction

    Still not working. :/

    Abhishek

    (@abhikr781)

    5 years, 11 months ago

    Please try this one.

    @media screen and (max-width: 782px) {
div#top-bar-wrap {
    z-index: 999;
} }
    Thread Starter lesi2000

    (@lesi2000)

    5 years, 10 months ago

    Sorry for the late response,
    This one worked! Thanks!

    • This reply was modified 5 years, 10 months ago by lesi2000.
    Abhishek

    (@abhikr781)

    5 years, 10 months ago

    Glad to hear that it is fixed.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Mobile top bar issue’ is closed to new replies.