Hi All,
Happy Holidays!
I’m trying to make that nav menu (tablet version) appear on specific screen-each screen that is smaller than <1240px. Here is custom code:
@media screen and (max-width: 1240px) {
.w-nav[data-collapse=“medium”] .w-dropdown,
.w-nav[data-collapse=“medium”] .w-dropdown-toggle {
display: block;
}
.w-nav[data-collapse=“medium”] .w-dropdown-list {
position: static;
}
.w-nav[data-collapse=“medium”] .w-nav-menu {
display: none;
}
.w-nav[data-collapse=“medium”] .w-nav-button {
display: block;
}
}
I also tried with following code, but no luck:
@media screen and (max-width: 1150px) {
.navbar__wrapper[data-collapse=“medium”] .navmenu__dropdown,
.navbar__wrapper[data-collapse=“medium”] .navmenu__button {
display: block;
}
.navbar__wrapper[data-collapse=“medium”] .navmenu__link-list {
position: static;
}
.navbar__wrapper[data-collapse=“medium”] .navbar__navmenu {
display: none;
}
.navbar__wrapper[data-collapse=“medium”] .navmenu__button {
display: block;
}
}
Here is my site Read-Only: Webflow - Aleksandra's Site
Can someone help me please?
Thank you!