Elementor Pro Full Screen Split Menu
DISCLAIMER: I often review / link to products & services that I love and think you may find of interest. When you purchase a product/service through one of my link, I receive a commission, which helps me producing free content (you don’t pay anything extra!).
CSS Code (for website padding)
- click on the hamburger icon (top left corner)
- click on Site Settings
- click on the Advanced tab
- then inside the Custom Css filed, paste the following code:
/* MEDIA QUERIES */
@media (max-width: 767px) {
selector {margin: 10px;}
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
selector {margin: 20px 40px 40px;}
}
@media screen and (min-width: 1401px) and (max-width: 1440px) {
selector {margin: 20px 40px 40px;}
}
@media (min-width: 1441px) {
selector {margin: 20px 60px 60px;}
}
Your turn!
I hope this tutorial will help you make a slick full screen split menu with Elementor Pro!
If you watched the companion video and if you like it, please give it a thumbs up, as it really helps growing the Youtube channel – It does really help, and it doesn’t cost you anything!
Oh, if you want to know how to create a beautiful branding for yourself, your business or for your clients, you can download (totally free) my branding guidelines template by clicking here.
So, that’s it for this tutorial, I hope to see you around here or on the Youtube channel, and in the meantime, don’t forget to invest in YOUR success!
| 
