Skip to content

Instantly share code, notes, and snippets.

@EdenK

EdenK/wp-elementor-nav-menu-breakpoint.scss

Created July 16, 2018 14:00
Show Gist options
  • Save EdenK/c4b4e5982b33f09434761a4de1a657d7 to your computer and use it in GitHub Desktop.
Save EdenK/c4b4e5982b33f09434761a4de1a657d7 to your computer and use it in GitHub Desktop.
Download ZIP
Wordpress: Elementor Pro change nav menu breakpoint css
Raw
wp-elementor-nav-menu-breakpoint.scss
@media (max-width: 1299px) {
body .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown {
display: block;
}
body .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle {
display: flex;
}
}
@media (min-width: 1300px) {
.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown, .elementor-nav-menu--dropdown-tablet .elementor-menu-toggle {
display: none;
}
}
@media (max-width: 1299px) {
.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main {
display: none;
}
}
@jona506a
Copy link

jona506a commented Dec 5, 2024

Did you find a solution? Elementor seems stubborn about which breakpoints I can use for the Nav Menu; despite having custom breakpoints myself.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment