Support » Plugin: ShiftNav - Responsive Mobile Menu » Can Not Hide Theme Menu

  • Resolved Windavid


    I want to buy the pro-version but I need to be sure I can deactivate my current nav menu. Currently I am running WP Touch as my mobile theme, and would prefer to continue using it. But if I can’t us ShiftNav with WP Touch, I would be willing to go back to my theme’s native mobile theme.

    I have tried to find the correct id or class in my themes nav, but I just can’t seem to find the right one.

    Can anyone help? Love the look of this plugin by the way!
    The site is


Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author sevenspark


    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:


    or just the toggle:


    Hope that helps! 🙂


    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 site?


    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.


    Plugin Author sevenspark


    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! 🙂




    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:

    Many thanks,

    Plugin Author sevenspark


    Hi Christian,

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



Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Can Not Hide Theme Menu’ is closed to new replies.