Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #691264

    Hi Kriesi-Team,

    I don’t know why, but on a special width (I estimate between about 900 and 1200) and on many tablets with special desplay width THE MOBILE MENU IS VISIBLE in the corner in the top at the right side.

    How can I fix this bug?

    Please help!

    Best regards!

    Robby

    visible mobile menu on desktop computer

    #691328

    Hi Kriesi-Team,

    the described problem appears ONLY WITH SAFARI BROWSERS. I found now a not complete interim solution on one article in this forum
    (https://kriesi.at/support/topic/toggle-menu-prolbems-within-safari-browser/#post-686014)

    I added the following code to my css of the child theme:
    @media only screen and (min-width: 1024px) {
    ul#mobile-advanced {
    width: 35%;
    right: -40%;
    }}

    BUT WITH SAFARI THERE IS ONE ADDITIONAL PROBLEM I CAN’T SOLVE:
    On big Apple tablets with wide screens safari hides elements, which I defined in my css only to hide on screen smaller than 1024px. You should know, that “.rob_menu” and “.rob_desktop” are classes from elements, I wanted to hide only on screens smaller than 1024px, BUT SAFARI HIDES IT ALWAYS:

    @media screen and (max-width: 1024px){
    .rob_menu, .rob_desktop {
    display:none!important;
    }

    Do you have a solution? Please help.

    Best regards!

    Robby

    #691349

    Hi!

    Please keep the conversation only to one topic, so we can have a sequence.

    Thanks a lot

    Regards,
    Basilis

    #691367

    Hi Basilis,

    OK. Sorry. In the future I will consider it.

    Best regards from Germany.

    Robby

    #692273

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #wrap_all {
    position: relative !important;
    }
    

    Best regards,
    Yigit

    #693602

    Hi Yigit,

    thanks for this hint. I will try it immediately.

    Best regards.

    Robby

    #693620

    Hi,

    Please do so and let us know so we can mark the thread as resolved or assist you further :)

    Best regards,
    Yigit

    #693623

    Hi!

    Please do let us know if it worked for you, or need anything else.

    Thanks a lot

    Regards,
    Basilis

    #694648

    Hi Basilis,
    hi Yigit,

    I inserted your suggested code (#wrap_all {position: relative !important;}) in my child-css. But it doesn’t work. Safari shows only the mobile version of my website, although the IPad has a wide screen (2048px x 1536px). On wide android tablats there is no problem.

    Do you have another suggestion?

    I have no more ideas.

    Best regards from Germany.

    Robby

    #695088

    Hi,

    I edited your style.css file and commented that code out and that seems to help. Please flush browser cache and review your website.

    Best regards,
    Yigit

    #695237

    Hi Yigit,

    thank you for the hint. I flushed the browser cache, but the problem still exists.

    I will try in the next days to make some changes in the structure of the grid rows.

    In addition it could help, if I adjust the switch from the desktop-layout to the mobile layout at about 600px or 800px (and not 1024px).

    Please let me know, if you will find a new solution or idea.

    Best regards.

    Robby

    #696308

    Hey!

    In addition it could help, if I adjust the switch from the desktop-layout to the mobile layout at about 600px or 800px (and not 1024px).

    I’m sorry but what do you mean by “switch”? Are you referring to the mobile switch? Please go to the Enfold > Header > Mobile Menu panel. Set the Header Mobile Menu activation to the first option.

    Cheers!
    Ismael

    #697186

    Hi Ismael,

    I mean by “switch”, that I could change the number of pixels from 1024 to 600px or 800px in the following command: “@media screen and (max-width: 1024px){.rob_menu, .rob_desktop {display:none!important;}”. I will try it in the next days, if I can borrow an Apple-IPad from my friend.

    I set in the past already the “Header Mobile Menu activation to the first option”, but safari still hides elements (in this case an element with the class “rob_desktop”), which are defined in my style.css for screens bigger than 1024px, although the IPad has a wide screen (2048px x 1536px).

    I think, my css-code seems to be OK, because on wide android tablets and all desktop-browsers there is no problem.

    Best regards!

    Robby

    #697772

    Hi,

    alright, so let us know when you could borrow the iPad from your friend. We keep this thread open for you.

    Best regards,
    Andy

    #718069

    I have the exact same problem on http://www.unitedstatesfittings.com – the mobile menu appears when you shrink the window size. I already have #wrap_all {
    position: relative !important;
    }

    in the css and my theme is current.

    #718279

    Hi,

    Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem.

    If that does not help then there might be some corrupted files, so please delete all theme files completely via FTP, before installing a fresh copy from your themeforest account. Here is a short tutorial on how to install the theme via FTP, in case you are not sure how that works:

    Open a new ticket if you still need help about this issue.

    Best regards,
    Andy

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘hidden mobile menu is visible (look on my screenshot)’ is closed to new replies.