Archived topic
Change Mobile Menu Location
4 replies · Started by Richard on January 27, 2020
Hello,
I cannot quite figure out how to change the location and behavior of the mobile menu. If I knew where the CSS that controls this was located and how to access/change it I might be able to figure this out.
At any rate, I am using the "Classic" site from the site library. However, I need to use the mobile menu placement and behavior that comes with the "Mellow" site. Where the menu button is in the center of the mobile site, but the menu choices once expanded are left justified.
If you can point me to where the code is located that controls this (and how to make changes to it) I would think that a simple copy and paste from one to the other to replace the menu location and behavior with the correct code might suffice. However, that is coming from an experienced and tech-savvy, but non-coder, point of view. ;-)
Thank you
Richard
Hi there,
Go to Additional CSS field in the customizer and remove this CSS:
.main-navigation.toggled .main-nav li {
text-align: center !important;
}Then the menu should behave exactly like Mellow.
Let me know if this helps :)
And that did the trick.
Thank you very much!
Richard
No problem :)
