Not able to make nav menu (tablet) to appear on specific screen size

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!

Hi Aleks,

Custom code won’t run in the designer. Where do you have your site published?

Hi Michael,

Here is my site Read-Only: Webflow - Aleksandra’s Site

This is site still not live, because I need to manage to make nav menu-tablet version appears on screen sizes that are smaller than 1240px.

Let me know if you need anything else, thank you very much!