Hi Kriesi Team,
– I have already customized the header and top header of the website with the help of moderators (link is in private box)
> Now, when I resize the window at a specific width (-before the website gets completely turned into mobile view-), the top header gets conflicted.
How may I correct that?
Regards,
Sadegh
Hey Sadegh,
You may want to consider switching to the mobile menu sooner or at a higher resolution. Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/
Let me know if you need further assistance.
Best regards,
Jordan
Hi Jordan,
Thank you for the hint.
Now my question is, when the website is switched to the “tablet mode“, how can I hide the top menu bar after that?
Kind regards,
Sadegh
Hi!
Please add following code to Quick CSS
@media only screen and (max-width: 990px) {
#header_meta {
display: none;
}}
Best regards,
Yigit
Hi Yigit,
Thanks a lot; this is exactly what I was looking for.
Regards,
Sadegh
(you may now close the thread please)