sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi there, that menu is places using position:absolute;, so moving it to the left can be a bit tricky. Add this to your custom CSS, and then adjust my -10% value, but make sure and widen and narrow your browser window to make sure that the menu does not happen to move off of the left side of your site and not visible.
@media screen and (min-width: 900px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
left: -10%;
}
}
I’ve used a Media Query to limit this change to screens/windows 900px and wider since below that width, the -10% value I have pushes the menu off the left side. If you use something different from the -10%, you will have to adjust the 900px min-width value so that doesn’t happen.
THANK YOU SOOOO MUCH!!!
It is working exactly how I wanted to! And I would never have find it on my own. Thanks a lot!
Just one last question I was wondering for a while : do you know the code to change the size of the title zone (blue area) ? Sometimes it is way bigger than the title, so I could use this extra space for the menu to the right, but I don’t know how to do it…
Thank again!
Lou
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hooray!
On the site branding blue block, part of the width of that at certain screen/window widths is because of the length of the last word in your title, but add this to your CSS and see what you think with this. It makes it better.
@media screen and (min-width: 48.0625em) {
.site-branding {
max-width: 300px;
padding-right: 1.75em;
}
}
