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
  • Star 4 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • 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;
}
}
@fippy
Copy link

fippy commented Jun 5, 2020

This is a great help, but the any tablet drop down menu styling only kicks in at the default breakpoint (<1025px).

@EdenK
Copy link
Author

EdenK commented Jun 5, 2020

This is a great help, but the any tablet drop down menu styling only kicks in at the default breakpoint (<1025px).

@fippy It was an old solution. right now Elementor already providing a different way to change css breakpoints.

You can change it in Elementor->Settings->Style.

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