Hide mobile bottom nav & remove leftover gap on specific pages

Hi Xtemos team,

I’m on WoodMart 8.2.2, WordPress 6.8.1 & Elementor Pro 3.29.2. I’ve enabled maintenance mode using Elementor’s Template feature (With page layout set as Elementor Canvas) on, for example, but the mobile bottom nav still appears.

To hide it, I added this CSS:

.wd-toolbar {
display: none !important;
}

This removes the nav, but now leaves an empty gap at the bottom—my sections set to 100vh no longer fill the viewport.

Questions:
1. How can I remove that leftover space so my 100vh sections stay flush with the device bottom?
2. How can I scope this hide-and-gap-fix to only my Elementor maintenance template page (or specific URL patterns) without affecting the rest of the site?

Any built-in setting, targeted CSS snippet, or PHP filter pointers would be hugely appreciated. Thanks in advance!

– Arjun

• This topic was modified 3 months, 1 week ago by itsarjunc.
• This topic was modified 3 months, 1 week ago by itsarjunc.