I’m using the overlay menu option but I wanted the list of items (about us, faq, contact etc) to be shown on the left side instead of being centred like it is now. I try floating it left but it just breaks the layout.
That works perfectly but only for one page. Is there someone I can put that will make the menu like that in every single image? I tried on the custom CSS code box in settings, the style sheet… But it doesn’t change. It only changes when I apply the code to each page on the custom CSS box on individual pages.
<span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>Is there someone I can put it that will make the menu like that in every single *page*? Sorry, not images.</span>
Add the code at Tower -> general options -> css box:
nav .menu > li > a {
text-align: left !important;
padding-left: 145px !important;
}
nav .menu li ul.sub-menu li a {
padding-left: 145px !important;
text-align: left !important;
}
Sorry for the late reply. This doesn’t seem to fix my problem completely. It brings the menu to the left but every page shows it differently. Sometimes the menu is lower on the page or the items are more spaced out. And sometimes when I apply changes to the code = for example when I change the background color it doesn’t change a thing on the actual website. I’m not sure why this is happening… but I need the menu to look exactly the same in every page. Can you help?
I don’t understand your issue. I checked every page but the menu displays the same in all of them. The only difference is that due to the transparency of menu background and depending on the page’s background color, the menu seems brighter at page’s with white background and darker at the opposite.
let us know if we misunderstood your issue.
