WordPress.org

Ready to get started?Download WordPress

Forums

Big Bang WP Theme - menu lost on mobile / scaled down browser (15 posts)

  1. dave_steepmedia
    Member
    Posted 1 year ago #

    Hi guys, I know this is a premium theme, but the authors have stopped providing support, so I wondered if you may be able to help?

    My site, http://www.vaguedirection.com - works on regular browsers, but then when I open it up on iPhone, the menu doesn't show up at all. It's a site that is kind of reliant on the menu so this is something I'd like to fix.

    I've tried disabling the plugins one-by-one to see if that's got anything to do with it, I've cleared the cache etc. None of this has worked.

    Could anyone help?

    Many, many thanks for any help received!
    Dave

  2. Aditya Pandey
    Member
    Posted 1 year ago #

    First of use Child Theme or use plugin like Custom CSS Manager.

    Then add following in it:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    #primary-menu ul {
          display: inline !important;
    }
  3. dave_steepmedia
    Member
    Posted 1 year ago #

    Thanks Aditya,

    That has helped a bit, now it works in landscape on iPhone, but in vertical the menu still disappears!

    Do I just change the widths?

    Cheers,
    Dave

  4. Aditya Pandey
    Member
    Posted 1 year ago #

    Yep, do this:

    @media only screen and (max-width: 767px) {
    #primary-menu ul {
          display: inline !important;
    }
  5. dave_steepmedia
    Member
    Posted 1 year ago #

    Awesome, so now the site nav menu drop down (mobile specific?) is back, which is great. But the regular menu is showing above it - so basically I have two menus!

    Is there any way of just having the drop down 'scroller' type nav menu on iPhone, and removing the 'normal' menu above it. As the 'normal' menu doesn't work well on the iPhone (dropdowns are disabled)

    Appreciate any help!

  6. Aditya Pandey
    Member
    Posted 1 year ago #

    I am little confused here, about how your theme is working.
    Try adding this along with last code:

    @media only screen and (max-width: 480px) {
    #primary-menu ul {
          display: none !important;
    }
  7. dave_steepmedia
    Member
    Posted 1 year ago #

    Really appreciating your help Aditya.

    It seems to be quite inconsistent. Sometimes the 'scroller' type menu appears, other times it doesn't.

    Do you know of a way to remove the 'traditional' menu (as it looks on Safari / Chrome) when on an iPhone/mobile, and replacing it with just the 'scroller' menu?

    Or removing the 'scroller' menu and keeping the traditional menu, but making sure it's fully functional, like it is in on a laptop (i.e. dropdowns work)

  8. Aditya Pandey
    Member
    Posted 1 year ago #

    Actually, what I recommend is remove all modification that I asked to made (Just like when you asked question).
    Report back here that you removed all modification.

    Clear your iPhone's browser's cache. Reload.

  9. dave_steepmedia
    Member
    Posted 1 year ago #

    Hi Aditya,

    I cleared iPhone browsers cache, and removed all the css mentioned above.

    When loaded on the iPhone, the menu was gone.

    I re-applied the CSS and have changed some links on the menu, so at least it's functional if using a phone (but still inconsistently sometimes showing 'scroller' menu, sometimes not).

  10. Aditya Pandey
    Member
    Posted 1 year ago #

    Remove all modification. That will not gonna solve this problem.

    Go to Cloudflare.com and set Rocket Loader: Off.
    Problem solved.

  11. dave_steepmedia
    Member
    Posted 1 year ago #

    Hi Aditya,

    Right now - it's running no additional css and rocket loader is: off. Also turned off js, css and html caching in Cloudflare.

    Still no luck!

  12. Aditya Pandey
    Member
    Posted 1 year ago #

    In jquery.js, it is giving following error:
    Uncaught Error: Syntax Error, unrecognized expression: :nth-child

    Can you disable all plugins? And check if issue is resolved.

  13. dave_steepmedia
    Member
    Posted 1 year ago #

    Just disabled all plugins, and still not showing menu on phone!

  14. Aditya Pandey
    Member
    Posted 1 year ago #

    It has something to do with 'nth-child' defined on other JS file.
    I am unable to provide further support on it due to limitation to access theme file.

    You need to contact theme author for support.

  15. Aditya Pandey
    Member
    Posted 1 year ago #

    Also you're using outdated version of your theme. This is most likely caused the issue, as I can see different /wp-content/themes/bigbangwp/javascript/custom.js on comparing your site's and demo site's file.

    Upgrading theme to latest version will likely to solve your problem.

Topic Closed

This topic has been closed to new replies.

About this Topic