Skip to content

Snippets / CSS

CSS

Full Screen Popups in v1.4 or Later

D Donald McGuinn · 321 views · Updated 2 years ago
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)
@media screen and (max-width: 1024px) {
.ts-field-popup-container .ts-field-popup{--vx-popup-height: 100dvh !important;}
}
CSS · 3 lines
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 · 3 lines

Discussion

Ask a question or share how you used this.

Log in to join the discussion.

No comments yet — be the first.

Voxel Guide assistant
Ask about snippets, addons & how-tos

Hey — how can I help?

I can dig through the library for snippets, addons, and tutorials.

AI can be wrong — double-check anything important.