Mobile Nav problem

  • Resolved mxpimp47

    (@mxpimp47)


    10 years, 11 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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It’s not apparent what the issue is.

    Thread Starter mxpimp47

    (@mxpimp47)

    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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Which site has this issue?

    Thread Starter mxpimp47

    (@mxpimp47)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m not seeing any styling https://awesomescreenshot.com/0f923a1z08

    Thread Starter mxpimp47

    (@mxpimp47)

    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 – https://postimg.org/image/a7j3jaqvl/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you know why there’s a z-index of “1” on the <nav> element?

    Thread Starter mxpimp47

    (@mxpimp47)

    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!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter mxpimp47

    (@mxpimp47)

    Thanks again!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Mobile Nav problem’ is closed to new replies.

Tags