Can Not Hide Theme Menu

Hi David,

Glad you’re liking the look of the plugin ??

On your main site, the selector you’d want to hide is .navigation

On the mobile site, you could probably hide either the entire menu bar:

#header-title-logo

or just the toggle:

#menu-toggle

Hope that helps! ??

Chris

Thanks for the quick reply! Sadly, I tried each combination you have listed and none of them work.

I really want to use the pro version on my main site. Here’s what I’m working with:

WordPress 3.9.1
Theme Swift Basic 0.2.7
WPTouch 3.3.3

I am entering each ID, #menu-toggle or #header-title-logo into the “Hide Theme Menu” text field. I have even entered them both, dividing them with a comma and space. I have tried it with WP Touch active and deactivated. It always throws the Shiftnav menu above the WP Touch menu.

When I enter .navigation, with WP Touch deactivated, it throws Shiftnav above my themes native mobile menu. I only want the Shiftnav menu to show.

What theme are you using on your Shiftnav.io site?

Thanks!

I decided to pick a different theme and purchased Shiftnav pro!
I have my Shiftnav working, but I would like to trick out ?? my logo image.

#shiftnav-tricked-out .shiftnav-menu-image img, #shiftnav-main .shiftnav-menu-image img {
transform: translateY(15px);
transition: all 0.3s ease-in-out 0s;
}

Can you show me how? Maybe you could link me to the Knowledge Base.

Thanks!

Great! Glad you got it working ??

I’m looking at your site (the original link you posted), but I’m not actually seeing ShiftNav on it currently?

The #shiftnav-tricked-out is a reference to a ShiftNav instance on the demo site (so unless you create an instance with the same ID, that selector won’t apply).

This is what I did in the demo for that main logo:

#shiftnav-main .shiftnav-menu-image {
	padding-top: 15px;
	padding-bottom: 0;
	position: relative;
	z-index: 10
}
#shiftnav-main .shiftnav-menu-image img {
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
#shiftnav-main:hover .shiftnav-menu-image img {
	-webkit-transform: translateY(0)
}

which basically just starts the image translated 15px down, and slides it up on hover. It’ll apply to the “Top Image” in your main instance.

Hope that helps! If you have any further questions, please post them over in the Support Forum – thanks! ??

Best,

Chris

Hi,

I’m struggling to hide the main theme menu bar when the screen is smaller than 800px. I tried to put #masthead and .masthead, .sticky-wrapper, but I had no luck. Would you be able to help me find what is the right name that I need to add?

The development site is:
https://065.c62.myftpupload.com

Many thanks,
Christian

Hi Christian,

Looks like you’ve got this sorted? But if you’re still having trouble, let me know ??

Best,

Chris