Hide Shiftnav on pages with css

Support
#1

HI, I’ve got ShiftNav installed to work as my mobile/repsonive menu, on the site below, with UberMenu as my main full width menu.

I’m tyring to find a way to hide it on a specific page that is an iFrame popup as I don’t want any nav on this page.

I’ve used the css on that page in cornerstone to hide the main menu (Uber menu), but can’t get the Shiftnav to hide (although I’ve got the logo to hide which is 1/3 of the way there :wink: ).

.masthead, .x-navbar, .x-bar-top, .x-navbar-wrap {
display: none !important;
}

.shiftnav-main-toggle-content, .mainnav, .btn-menu {
display: none !important;
}

Do you by any chance know what is needed to hide it?

I can share the site URL by private link if you need to see it.

Thanks for the help!

#2

Hi Mark,

Thanks for writing in! Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and see if that helps.

#shiftnav-toggle-main {
    display: none !important;
}
body.shiftnav-disable-shift-body {
    padding-top: 0;
}

Please make sure to clear all caches when testing your page again (https://www.wpbeginner.com/beginners-guide/how-to-clear-your-cache-in-wordpress/).

If you’re still having any issues, please provide us with your example page URL to check your issue further.

Thanks!

#3

YES! Works perfectly.

You sir… are an absolute legend :slight_smile:

Thanks so much for the super quick help, massively appreciated!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.