-
Posts
-
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
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
Hi!
Please keep the conversation only to one topic, so we can have a sequence.
Thanks a lot
Regards,
BasilisHi,
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,
YigitHi,
Please do so and let us know so we can mark the thread as resolved or assist you further :)
Best regards,
YigitHi!
Please do let us know if it worked for you, or need anything else.
Thanks a lot
Regards,
BasilisHi 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
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,
YigitHi 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
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!
IsmaelHi 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
Hi,
alright, so let us know when you could borrow the iPad from your friend. We keep this thread open for you.
Best regards,
AndyI 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.
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
- The topic ‘hidden mobile menu is visible (look on my screenshot)’ is closed to new replies.