Delete menu-toggle button on mobiole

  • Unknown's avatar
    closetshark · Member ·

    I don’t want my navigation bar to consolidate to a button on smaller screens. Does anyone know what CSS I can add in to stop that from happening + to show the original nav bar?

    I can do a display: none; on the menu button but I can’t figure out how to get the original nav bar to display.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    edwinho89 · Member ·

    Hi @closetshark

    If I understand correctly on how the menu button work, it enables the class “toggled-on” so that the menu can be displayed and allow sub-menus to expand. It’ll look something like this on the HTML codes.

    <div id="site-menu" class="site-menu toggled-on" aria-expanded="false">
					<nav id="site-navigation" class="main-navigation toggled-on" role="navigation" aria-label="Primary Menu" aria-expanded="false">...</div>

    I believe you have found a way to show “.site-menu” and hide “.menu-toggle”, “.dropdown-toggle”. If you insist on hiding the menu button on mobile, the quickest workaround I can think of would be to display the sub-menus and work our way with the toggling.

    .main-navigation ul {
    display: block;
}

    Hopefully, this will able to provide you a better idea and lead on customizing your site.

    All the best!
    Edwin

  • The topic ‘Delete menu-toggle button on mobiole’ is closed to new replies.