Elastic Pro mobile menu issue

Home Forums All Other Themes Elastic Pro mobile menu issue

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #168738
    Courtney ClineCourtney Cline
    Participant
    • Topics: 34
    • Replies: 66
    • Total: 100
    Member since: January 10, 2017

    Hello,

    I am having a menu issue with the Elastic Pro theme on my website at http://tcj.pvb.mybluehost.me/centralohiowarehouse/. Once the menu switches over to the mobile/sandwich menu, it no longer functions – you can’t even interact with it as though you can click/select it in order for it to open.

    Please help.

    Thanks,

    Courtney

    #168855
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30935
    • Total: 30935
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    #simple-menu { z-index:9999999;}
    }

    Regards,
    Chris

    #169036
    Courtney ClineCourtney Cline
    Participant
    • Topics: 34
    • Replies: 66
    • Total: 100
    Member since: January 10, 2017

    That worked for as small as my phone, but anything between my phone to where the sandwich menu goes away (when I turn my phone sideways, iPad sized, etc.) still doesn’t work.

    #169096
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30935
    • Total: 30935
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (min-width:768px) and (max-width:1023px) {
    #simple-menu { top:90px !important;}
    }

    Regards,
    Chris

    #169118
    Courtney ClineCourtney Cline
    Participant
    • Topics: 34
    • Replies: 66
    • Total: 100
    Member since: January 10, 2017

    It still doesn’t work. 🙁

    #169232
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30935
    • Total: 30935
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

    Regards,
    Chris

    #169254
    Courtney ClineCourtney Cline
    Participant
    • Topics: 34
    • Replies: 66
    • Total: 100
    Member since: January 10, 2017

    https://ibb.co/3kB3kj5

    When the screen is any size similar to this, the sandwich menu does not work. It does not even act clickable, and, if you click it, nothing happens.

    #169321
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30935
    • Total: 30935
    Member since: August 16, 2013

    Hi,

    Remove

    @media screen and (max-width:767px) {
    #simple-menu { z-index:9999999;}
    }

    Add this new CSS

    @media screen and (max-width:767px) {
    #simple-menu { z-index:9999999 !important;}
    }

    Regards,
    Chris

    #169399
    Courtney ClineCourtney Cline
    Participant
    • Topics: 34
    • Replies: 66
    • Total: 100
    Member since: January 10, 2017

    Thank you – that worked!

    #169406
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30935
    • Total: 30935
    Member since: August 16, 2013

    ????

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.