Tagged: menu styling
Hi!
I’d like to put my logo on the left and the menu below, but right-aligned (not left-aligned).
Could you please provide me with a suitable CSS code?
Thank you very much for your help in advance!
Best wishes!
Thomas
Hey Thomas!
In header options select “Logo left, menu below” and add this code to the Quick CSS:
#top .main_menu .menu li{float:right;}
Cheers!
Josue
Hi I was pleased to see the answer to this query as I wanted to do the same and it’s worked – thanks! However for some reason the menu order has changed so that everything is the wrong way around i.e. Home has now moved to the end rather than the beginning of the menu (even though it is where it should be in the set-up). Can you help?
Thanks
Hi!
You’d need to re-order it in Appearance > Menu.
Regards,
Josue
This is absolutely bad advice on how to get the menu to float to the right.
What you do not take into consideration is that on the mobile view your menu item are still messed up and start from the bottom.
I would rather suggest floating the main menu:
.main_menu {
float: right;
width: auto;
}
works well and you have no need to re-order your menu items.