-
Posts
-
Hi, there’s a couple things about the Enfold menu that I would appreciate some help on.
1) When resizing the window the menu goes behind the business logo and become obscured.
2) Any chance I can make submenu items come out vertically instead of horizontally? Or at least make the horizontal menu the same size as the alternate content bar directly below the menu.
3) How do a reorder the menu in the footer? The order under Pages doesn’t reflect the order in the header menu?I appreciate your help. Cheers.
Found a YouTube video for number 3 and partially resolved number 2, although I would greatly appreciate how to make the submenu look like the main header menu. The font and vertical size of the submenu is much larger than the main menu, which just looks off.
Thanks for your help. Cheers.
Hi!
It seems like you have set to display your submenus as mega menu. Please go to Appearance > Menus and uncheck “use as MegaMenu” option – http://i.imgur.com/dl3lWkp.png
Please add following code to Quick CSS in Enfold theme options under General Styling tab@media only screen and (max-width: 480px) { .responsive .logo a, .responsive .logo img { max-width: 84%; height: auto !important; margin-top: 7px!important; }}Best regards,
YigitHi Yigit,
Thanks for the reply. I followed your instructions and I’m still having an issue with the menu going under the logo. Any ideas?
CheersHey!
Have you tried flushing browser cache on your mobile device? if you have, please try decreasing “max-width: 84%;” value to “max-width: 80%;” in the code i posted previously
Regards,
YigitHi Yigit,
I tried modifying the max width and nothing changes. The menu slides right between the lines “ChristyReeder, Ph.D.” and “licensed psychologist” of the logo. I even changed it to “max-width: 20%;” and nothing changes. Also this is on a laptop that this is occurring – when I resize the browser frame. The logo is a .png with transparency. Does that help any?
Hi!
Thank you for using the theme.
Please use this on Quick CSS or custom.css to fix the logo on mobile view:
@media only screen and (max-width: 989px) and (min-width: 768px) { .responsive .mobile_slide_out .logo img { margin: 0; width: 65%; top: 20px; } }Change the font size of the menu on Enfold > Advanced Styling. Add the Main Menu Links element.
Best regards,
IsmaelActually, still having the issue with the logo. I’m not looking at this on a mobile device, but on a laptop and desktop computer using the Safari browser. Hope this helps.
Hey!
Can you post a screenshot and show the issue you are having? I have checked your logo on Safari 7.0.5 and it does look fine on my end
Cheers!
YigitHallo there!
Love the template!
I have a problem with the Menu:
When I go to the “menu” under “Appearance” i get a very different screen then all the other normal ones. This screen is without any graphics and looks kind of “behind the scenes-like”.
I must have made a bad input somewhere, but I am unable to find it.
I can send you a screen dump, but I dons know where to send it.
In advnace, thank you for your help.
All the best
Erik Atzen
Here you go: http://imgur.com/53Fjle3
Cheers
Hi!
@reederjack5252 Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
@erikatzen – https://kriesi.at/support/topic/menu-error-4/Best regards,
Yigit
- You must be logged in to reply to this topic.