Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 21, 2017 at 8:36 am #764065
    goldengate415

    Hi guys—

    This is really strange… I am running WP 4.7.3 and Enfold 4.0.3.and the mobile menu, which has always worked great, has all of a sudden stopped showing the “x” to close once you expand it. So you hit the “hamburger menu” and it expands, but there is no “X” to close the menu.

    What is also really strange is–

    – I have not installed any new plugins
    – This is also occurring on my staging site on Enfold 4.0.2.
    – This DOES NOT happen on the sub pages, only the home page. On the other pages the “X” to close the mobile menu still appears.

    Login credentials for staging site provided below… I will go ahead and update it back to 4.0.3. This is on iPhone 6s using Safari.

    Thanks for your help!!!!!!

    Rob

    March 21, 2017 at 8:54 am #764067
    Guenni007

    did you proof if it is there but not visible?
    sometimes it is simple a background-color problem. (on default it is the statusquo for that zoom-glas icon – white on white)

    .av-burger-overlay-active #top #wrap_all #menu-item-search a, .av-burger-overlay-active #top #wrap_all #menu-item-search a:hover {
    color: #fff;
}

    try to insert this and have a look :

    .av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::before, .av-burger-overlay-active #top .av-hamburger-inner::after {
    background-color: #0088bd !important;
}
    March 21, 2017 at 9:15 am #764069
    Guenni007

    on your site it is in firefox osx the same thing.
    btw : You have a shift of the header element when scrolling down – is this normal enfold behavior of header not visible until you scroll down ?

    the top value of that button is for the hide button to much:

    #advanced_menu_hide {
    top: 40px;
}

    and for me it was a bit strange to see content under the mobile nav. :
    if you place that code the hide button was imediately visible – you only have to shift it to the right place – see above

    #mobile-advanced {
    height: 100% !important;
}
    • This reply was modified 7 years, 8 months ago by Guenni007.
    March 21, 2017 at 4:26 pm #764248
    goldengate415

    Thanks for trying to help, but that quick css above doesn’t solve the problem.

    The background is white and the “X” is black so that should not be an issue. And I haven’t changed anything to cause this. Very strange.

    I am seeing this error on console when I open the page, don’t know what it means:

    .ytimg.com/yts/jsbin/www-widgetapi-vfldOJ-Ud/www-widgetapi.js:119 Failed to execute ‘postMessage’ on ‘DOMWindow

    March 21, 2017 at 7:28 pm #764316
    Guenni007

    first of all – do you have any caching or minifying tools installed. Because on my firebug i do not see the usual structure of css.

    if i do a “live edit” in my firebug:

    March 21, 2017 at 7:31 pm #764317
    goldengate415

    There are no tools that have been added since this strange menu behavior began.

    Thanks for jumping in, but at this point I would like the moderators to log into the staging site and try to figure out what’s going on.

    Thanks and have a great day!! :)

    March 23, 2017 at 3:20 pm #765518
    Yigit

    Hi Rob! :)

    Sorry for the late reply!

    Login credentials are not working for me. Can you please check them once again?

    Best regards,
    Yigit

    March 23, 2017 at 3:50 pm #765529
    goldengate415

    Oops, sorry, I pushed production to staging and overwrote the admin credentials for you… new credentials in private content.

    Content in staging is not current so pls track any changes you make as I will need to manually make them back over in production. :) :)

    Thank you!!!

    March 23, 2017 at 4:22 pm #765538
    Yigit

    Hi!

    I have added following code to bottom of Quick CSS field

    .show_mobile_menu #advanced_menu_hide {
    display: block;
    top: 44px;
}

    Please review your website and apply the changes on your production site as well :)

    Cheers!
    Yigit

    March 23, 2017 at 4:33 pm #765544
    goldengate415

    Yigit, you are a genius as always, that works great on mobile and tablet!! Thank you!!!!!!!!!!!!!! :)

    March 23, 2017 at 4:40 pm #765550
    Yigit

    Hey!

    You are welcome Rob, always happy to help :)
    Let us know if you have any other questions or issues!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘"X" to close mobile menu is no longer displaying on my home page’ is closed to new replies.