WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Mobile Nav problem (11 posts)

  1. mxpimp47
    Member
    Posted 7 months ago #

    I am using a blank install of underscores starter theme. Only thing I have changed is the mobile nav Menu link. I pulled it out of the nav element and changed it from an h1 element to a href because the mobile nav plugin (not to be confused with wordpress plugin, I'm referring to a jquery plugin) I am using requires the "call to action" to be an href.

    None the less here is an example site that has the default content in it from a clean install of wordpress. To see the "Menu - CTA" link that should be showing and hiding the mobile nav like in their example here, you have to resize the browser to a mobile size.

    I have successfully used other jquery plugins for different parts of a website with wordpress. I am aware of the "no conflict mode", but cant seem to get this instance to work.

    I am not a very advanced javascript/jquery guy - pretty much novice.

    Any idea to make this thing work?

    Thanks, Clayton

  2. Andrew
    Forum Moderator
    Posted 7 months ago #

    It's not apparent what the issue is.

  3. mxpimp47
    Member
    Posted 7 months ago #

    The issue is, when you click the mobile menu ("Menu CTA" for test purposes). Nothing happens and the event is not triggered to display the mobile menu. The page should slide over to the right displaying the mobile menu. Should look like the photo attached but with no styling.

    Example screen shot

  4. Andrew
    Forum Moderator
    Posted 7 months ago #

    Which site has this issue?

  5. mxpimp47
    Member
    Posted 7 months ago #

    beta.freestonemx.com be sure to scale the browser down to a mobile viewport size below 600px to see the menu trigger "Menu - CTA"

  6. Andrew
    Forum Moderator
    Posted 7 months ago #

    I'm not seeing any styling http://awesomescreenshot.com/0f923a1z08

  7. mxpimp47
    Member
    Posted 7 months ago #

    Cause there is none! ;) I stated above in the first post

    I am using a blank install of underscores starter theme.

    I will build upon this. My approach is mobile first. So I was plugging in the mobile nav functionality I would like. And I was unsuccessful. Scale the browser down below 600px

    you should see this - http://postimg.org/image/a7j3jaqvl/

  8. Andrew
    Forum Moderator
    Posted 7 months ago #

    Do you know why there's a z-index of "1" on the <nav> element?

  9. mxpimp47
    Member
    Posted 7 months ago #

    Thats default from the style sheet, I haven't dug into any styling just yet. BUT I JUST DID - that was the dang problem. Why they heck would they have that!? Another set of eyes always helps!

    I will make the necessary changes and proceed. I appreciate your help. The community is always great here!

    Hand to forehead!

  10. Andrew
    Forum Moderator
    Posted 7 months ago #

    Since it has a fixed position it probably makes sense when the webpage has all of its styling.

  11. mxpimp47
    Member
    Posted 7 months ago #

    Thanks again!

Reply

You must log in to post.

About this Topic

Tags