The navigation menu problem

  • endru27

    (@endru27)


    6 years, 7 months ago

    I have a problem with the navigation in the Minimal Grid theme. I want the menu to be hidden by default.
    I changed the option:
    <body <?php body_class(‘extended-menu’); ?>>
    on
    <body <?php body_class(); ?>>

    After changing it’s good on desktops but on mobile devices is expanded by default and this affects responsiveness (everything overlapse). I don’t know what I did wrong?

    Thanks for the help

    • This topic was modified 6 years, 7 months ago by endru27.
Viewing 2 replies - 1 through 2 (of 2 total)
  • hicks78

    (@hicks78)

    6 years, 6 months ago

    Hi, I wanted the same so I finally used some javascript (I added this to the footer):

    <script>
window.onload = function() {
 if(window.innerWidth < 992) document.getElementsByTagName('body')[0].classList.add('extended-menu');
 else document.getElementsByTagName('body')[0].classList.remove('extended-menu');
};
</script>

    Hope it helps somebody until theme team answers with better solution

    • This reply was modified 6 years, 6 months ago by hicks78.
    hicks78

    (@hicks78)

    6 years, 6 months ago

    After some more testing finally I’m using this code:

    <script>
function nomenu(){if(window.innerWidth > 992) document.getElementsByClassName('nav-panel-toogle')[0].click();};
window.onload = setTimeout(nomenu,900);
</script>
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘The navigation menu problem’ is closed to new replies.