WordPress.org

Forums

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
    Member
    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

    Thanks,
    David

    https://wordpress.org/plugins/shiftnav-responsive-mobile-menu/

  2. sevenspark
    Member
    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:

    #header-title-logo

    or just the toggle:

    #menu-toggle

    Hope that helps! :)

    Chris

  3. Windavid
    Member
    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?

    Thanks!

  4. Windavid
    Member
    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.

    Thanks!

  5. sevenspark
    Member
    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! :)

    Best,

    Chris

  6. krissalle
    Member
    Posted 1 year ago #

    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:
    http://065.c62.myftpupload.com

    Many thanks,
    Christian

  7. sevenspark
    Member
    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 :)

    Best,

    Chris

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

Tags

No tags yet.