Disable mobile menu entirely

  • juila

    (@juliamhamara)


    6 years, 1 month ago

    Hi,

    I’ve been trying to manage this with my very beginner-level css skills with no success. I would like to get rid of the hamburger menu on mobile devices as my desktop menu should work just fine with smaller screens as well. The tablet site looks perfect but how do I get the mobile site to look the same? Is there a way of doing this in Libre 2 theme?

    Thanks!

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

  • Hi there,

    Here’s the required CSS code to disable the mobile menu (hamburger menu):

    @media only screen and (max-width: 768px) {
/* Hide Menu Toggle */
.menu-toggle {
    display: none;
}

/* Show menu right away on mobile */
.main-navigation ul {
    display: block;
}
}

    Let me know if there’s anything else I can do for you. I’m happy to help.

    Thread Starter juila

    (@juliamhamara)

    Hi,

    Thanks for the help. The code sure works well, however this wasn’t exactly what I was looking for. I would like the mobile site to use the same inline menu as the desktop and tablet sites do. Does that make sense? I added

    display: inline-block;

    but I’m still missing my dropdown submenu.

    I don’t think that’s possible as not every mobile phone has the same screen size and resolution. In smaller screens, the menu is displayed vertically and the sub-menu items appear indented.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disable mobile menu entirely’ is closed to new replies.

Tags