Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Wordpress: Elementor Pro change nav menu breakpoint css
@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

This comment has been minimized.

Copy link

@fippy 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

This comment has been minimized.

Copy link
Owner Author

@EdenK 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