The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

ShiftNav - Responsive Mobile Menu
[resolved] Can Not Hide Theme Menu (7 posts)

  1. Windavid
    Posted 2 years ago #

    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 http://www.adv-hub.com



  2. sevenspark
    Plugin Author

    Posted 2 years ago #

    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! :)


  3. Windavid
    Posted 2 years ago #

    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?


  4. Windavid
    Posted 2 years ago #

    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.


  5. sevenspark
    Plugin Author

    Posted 2 years ago #

    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! :)



  6. krissalle
    Posted 1 year ago #


    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,

  7. sevenspark
    Plugin Author

    Posted 1 year ago #

    Hi Christian,

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



Topic Closed

This topic has been closed to new replies.

About this Plugin

  • ShiftNav - Responsive Mobile Menu
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.