Nav Block CSS in WordPress Block Builder

Описание: WordPress Block Builder and Block Themes can make the use of custom CSS more difficult than it needs to be. By creating custom selectors and employing the use of classes in your blocks you can overcome the block builder restrictions or interference and keep your code. This video is a simple demonstration of using this method to show or hide different navigation blocks depending on the size of the screen using CSS, custom selectors, and classes. The CSS that we use in this video is:

/* Hide mobile menu on desktop */
.show-mobile {
display: none;
}

/* Show desktop menu on larger screens */
.show-desktop {
display: block;
}

@media (max-width: 768px) {
.show-mobile {
display: block;
}
.show-desktop {
display: none;
}
}

Partner products mentioned in this video:

Elementor Pro Birthday Sale: https://elementor.com/pages/plugin-sp...

WP Engine: https://wpengine.com/ca/partnerspecia....