How To Show Mobile Dropdown Menu

General General Questions
1

Hi,

how can i display the mobile dropdown menu for width between min-width 767px and max-with 1058px.

Thank you!

2

You can use the following code to specify styles for these screen resolutions. Code can be added to the CSS section of the Theme editor

@media (min-width: 767px) and (max-width: 1058px) {
  ....
}
3

You can use the following code to specify styles for these screen resolutions. Code can be added to the CSS section of the Theme editor

@media (min-width: 767px) and (max-width: 1058px) {
  ....
}

i know that...but what a code must be insert in @media (min-width: 767px) and (max-width: 1058px) {
....
} because website display standard menu not mobile when resolution is between 767px and 1058px.

4

Please try



@media (min-width: 767px) and (max-width: 1058px) {

.top-menu-grid .top-menu .visible-phone {

display: block !important;

}

.top-menu .ty-menu__item {

display: none !important;

}

}
(!) Not tested

5

Please try

@media (min-width: 767px) and (max-width: 1058px) {
    .top-menu-grid .top-menu .visible-phone {
        display: block !important;
    }
    .top-menu .ty-menu__item {
        display: none !important;
    }
}
(!) Not tested

yes it works partially...show me only mobile menu button, but not dropdown menu and submenu...please help me if you know how fix it. Thank you

6

javascript is used for responsive menu. I am afraid there is no ability to do it just with CSS changes