Cant Completely Hide Mobile Bottom Navigation for Certain Page

Hi,

Im trying to hide the mobile bottom navigation for certain page only, and have managed to hide it using the below code i found in the support forum.

body .wd-toolbar{
display:none;
}

However, I cant seem to fully hide it as there is still a white space there. Please refer the the attached file and the link of the site.

I would like to remove that completely as well. Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please remove the custom code that you found, we have an option for that in Theme Settings -> General -> Mobile bottom navbar -> turn off the “Enable Sticky navbar” option for hiding the mobile navbar.

https://prnt.sc/W63pTqqhFXaR

If you ever want to discuss things further, we’re here for you.

Kind Regards

Hi,

thank you but im only trying to hide the mobile bottom navigation for that one specific page, the theme options disables it on all pages.

Please advice.

Thank you

Hello,

Thank you very much for the clarification.

In this case, the best way to hide the “Mobile bottom navbar” on the specific page is to use our theme presets in Theme Settings.

First of all, create a preset with the condition as on the below screenshot.

https://prnt.sc/GQ-SbQcS9UDs

Only then navigate to General -> Mobile bottom navbar and disable it, thus you will disable the navbar for a specific page.

https://prnt.sc/TbiGw12OB-w0

If you still have further questions, please don’t hesitate to reach out. We’d be happy to talk through them with you.

Kind Regards

[Author]

Posts