Mobile Primary Menu Not The Same As Laptop / Tablet Primary Meny

  • Resolved Zak

    (@zakplaskow)


    4 years, 8 months ago

    If you view the link on a laptop / tablet the webpage is presented nicely, with the primary menu towards the Left.

    However, If you view on a mobile their is something like this “=” you need to press. I was wondering how the list in the menu when you press = can be the same as the menu shown on a laptop / tablet.

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

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

  • You’re wanting the menu items to show horizontally versus vertically on a mobile screen? You could try the following CSS in Appearance->Customize->Additional CSS

    @media screen and (max-width: 568px) {
  .main-navigation .menu li {
    display: inline-block;
    margin-right: 10px;
  }
}

    Should get you closer, though you probably can’t get all of them on a single line due to the amount of links and how small the text would have to be.

    Thread Starter Zak

    (@zakplaskow)

    Almost. I want the list given on laptop / tablet to show for mobile. At The Moment I have privacy policy, terms and conditions pages for mobile menu with “=”.

    Just to clarify again, I want the main menu shown on laptop / tablet to be the same as mobile.

    Oh I see. In that case, go into Appearance->Menus->Manage Locations and set the Handheld Menu to the same menu you have set as Primary Menu.

    Thread Starter Zak

    (@zakplaskow)

    Thank You So Much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile Primary Menu Not The Same As Laptop / Tablet Primary Meny’ is closed to new replies.

Tags