Hello there,
When i resize the browser window to half the screen (1920px/2), the custom logo (580×156) is scaled to an unrecognizeable size: See http://www.valcanover.at/. Your current Enfold Demo Page seems to avoid this problem by switching to the mobile site earlier: http://kriesi.at/themes/enfold/. How can i achieve this behaviour? Alternatively: Is there a better way to avoid or handle this problem?
Greetings,
Daniel
PS: German is fine too, if wanted.
Hey f4lkners!
Please refer to this post to change the width to switch to mobile menu https://kriesi.at/support/topic/browser-issues-in-firefox-and-ios-ipad/#post-198342
You should only make changes on Avia.js file in that post
Cheers!
Yigit
That did the trick, at least 95% of it. Before the header switches to the mobile version with the drop down menu next to it, there is a short range where the menu items vanish and a drop down menu appears at the top right. Is there a way to prevent this “in-between” state?
The only thing i did was to set the switchWidth to 1010px like stated in the post.
Thanks in advance
Hi!
There is a bit more css to hide the menu earlier and show the new one earlier as well. See: https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger/?replies=5#post-132320
I’ll re-write the directions and add a tutorial on the documentation site since it needs a combination of Yigit’s reference and mine to fully get the job done :)
Regards,
Devin
Thank you, that would be very helpful. :)
Best regards
PS: Superb support!