How do I change the submenu direction from to the right to the left?
(as in image 3 in the images below)
image 1 & 2: current /// image 3: desired
Thanks!
Itai
Hi Itai,
Can you try adding this CSS code in Quick CSS, located in Enfold > General Styling:
#top .av-burger-overlay-scroll {
left: 0;
right: auto;
}
Best regards,
Nikko
Hi Niko,
Thanks for your answer but I am wrong in thinking the “burger” is for the mobile version of the site?
I guess it wasn’t clear but I’m refering to the browser (screen) version.
Cheers,
Itai
Hi Itai,
I see, please try using this CSS code instead:
#top #header #avia-menu .sub-menu {
right: 0;
left: auto;
}
Best regards,
Nikko
Hi Nico,
Yes, that is what I want but… the 2nd level submenu now appear on top of the 1st level submenu (see image). Is there a way to send the 2nd level submenu further to the left?
Image link: see image here
Itai
Hi Itai,
Can you give us a link to your site? so we can inspect it and try to give a more accurate CSS code.
Best regards,
Nikko
yes,
“https://heaven11audio.com”
Cheers,
Itai
Hi Itai,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av-main-nav ul {
left: -145px;
}
If you need further assistance please let us know.
Best regards,
Victoria