Mobile Navigation

  • Resolved andyt1980

    (@andyt1980)


    8 years, 11 months ago

    Hi,

    I’m trying to get the Mobile Toggle Navigation to ‘kick in’ sooner as the shop has alot of menu links.
    Using the CSS below is displaying the toggle menu as required but it will not expand when clicked on:

    @media (max-width: 960px) {

.primary-navigation { display:none;}
.menu-toggle { display: block;}
.handheld-navigation {
display: block !important;
}

}

    Any help really appreciated.

Viewing 1 replies (of 1 total)
  • Thread Starter andyt1980

    (@andyt1980)

    I managed to get this working myself using the following CSS:

    @media (max-width: 960px) {

.primary-navigation { display:none;}
.menu-toggle { display: block;}
.main-navigation.toggled .handheld-navigation { display: block;}
.main-navigation.toggled div.menu { display: block;}
.main-navigation ul li { display: block;}

}

    Hopefully it might be useful for someone else.

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile Navigation’ is closed to new replies.