I wanted to widen the width of the menu items to make things a bit clearer. So i added this … `.main_menu .menu ul { width: 250px;
}`
However that makes the sub menu overlap with the main dropdown. Is there any CSS to make the sub menu move over?
Hey mlong2001,
Thanks for the link, though I can’t see any overlapping in your main menu? If you want to make the menu wider then try to add padding to the li or a elements instead.
Best regards,
Rikard
That is what I have tried but cant get the code correct.
Hi,
Thanks for that, though I’m not able to access your site now:
Forbidden
You don’t have permission to access / on this server.
Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the request.
Best regards,
Rikard
SO sorry we pushed the site live so it is not on the Dev subdomain anymore …
Hi,
Thanks for the update, but I’m still having problems loading your site?
Best regards,
Rikard
Have no clue why your not able to access but lets try this again …
Hi,
Thanks for that, I could access your site now. Please try the following in Quick CSS under Enfold->General Styling:
#top .av-main-nav ul ul {
left: -247px;
}
Best regards,
Rikard
Thank you Rikard that worked!
Hi mlong2001,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria