Full Screen Popups in v1.4 or Later

Description/Instructions

In 1.4, Voxel introduced the half screen popup appearing from the bottom, some users don’t like this so this code makes it full screen again for all popups. If you want this only for navigation, then use the second code under the Nav widget > Advanced > Custom CSS (Needs Elementor Pro)

If this snippet helped, feel free to buy me a taco :)

@media screen and (max-width: 1024px) {
.ts-field-popup-container .ts-field-popup{--vx-popup-height: 100dvh !important;}
}

  • CSS
Copy Code

Instructions

For Nav Item Only

Under the Nav widget > Advanced > Custom CSS (Needs Elementor Pro)

@media screen and (max-width: 1024px) {
selector.ts-field-popup-container .ts-field-popup{--vx-popup-height: 100dvh !important;}
}

  • CSS
Copy Code

Let's Chat About this Snippet