Support » Theme: Baskerville » Double Menu on Mobile View

  • Resolved samuelandri

    (@samuelandri)


    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)

    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

    samuelandri

    (@samuelandri)

    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)
  • You must be logged in to reply to this topic.