Support » Theme: Baskerville » Double Menu on Mobile View

  • Resolved 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


    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



    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


    THank you very much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.