Double Menu on Mobile View

  • Resolved samuelandri

    (@samuelandri)


    6 years ago

    Hi there,

    I am very new to WordPress and is currently trying to figure out something about duplicate menu in Mobile view.

    In mobile view, I have both the Responsive nav menu as well as the header menu (like the one in the desktop view).

    What I want is to only have the Responsive Nav menu on my mobile and keep the desktop view as it is currently.

    Can anyone please help with custom CSS?

    Thank you so much.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Anders Norén

    (@anlino)

    6 years ago

    Hi @samuelandri,

    Your custom CSS currently contains the following:

    .main-menu { display: inline-block; vertical-alignment: middle; }

    …and the display: inline-block overwrites the Baskerville CSS hiding the main menu on mobile. Replace the code block with this:

    @media ( min-width: 1000px ) {
.main-menu { display: inline-block; vertical-alignment: middle; }
}

    That should fix your issue.

    — Anders

    Thread Starter samuelandri

    (@samuelandri)

    6 years ago

    Wow thank you so much, Anders! Believe it or not, few seconds before you replied, I put the following:

    @media only screen and (max-width: 600px) {
    .bg-dark { background-color: #1d1d1d; display:none
    }
    }

    AND IT WORKED!

    THank you very much!

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

The topic ‘Double Menu on Mobile View’ is closed to new replies.