Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I am using Vantage premium theme an have my menu centered. I was wondering if it is possible to change the aligment of the menu to left when it collapses to mobile view. The reason is that if you have a centered logo the centered menu looks great but in mobile centered menu icon is a no-go (well for me it just doesn’t work). Is there a custom css tweek I could use? Maybe you should add the option in Layout settings which would allow for different mobile and full page view menu aligment. Just an Idea.
Thank you for your anwser
Hi Nropes
You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.
/* Mobile Menu */ .mobile-nav-frame { text-align: center; }This didn’t do the trick I changed the
to
Because I want my mobile menu on the left, but scaling down my window did nothing, the icon and the menu stay centered ( I also tried with your code just to make sure but it didn’t work)
I am doing this in xxamp because I don’t have a lot of time to work on the site live so I can’t get you the web page link.
I tried float: left and the menu icon went to the left side but the search bar got extended in two rows and didn’t look good at all.
Ahh right, ok, with you now. You can change the menu alignment below a given resolution by adding the following Custom CSS:
/* Menu */@media (max-width: 680px) { .menu-mobilenav-container li { width: 100%; text-align: center; }}Adjust the breakpoint as required.
Hope that helps.