Archived topic
Make search icon on the extreme left
5 replies · Started by themedleb on November 24, 2017
I have put a menu item on the extreme left using this class "menu-item-float-right" on the CSS class field (my GP is RTL), but I want the search icon to be on the extreme left before that item, how can I achieve this?
Thank you.
Hi there,
Can you link us to the page?
Thanks!
Here is it.
I want the search button to be on the left, and if I remove the class “menu-item-float-right” from the heart icon, it goes right besides "News" item, and that's what I don't want.
Give this a shot:
.sf-menu > li.menu-item-float-right,
.sf-menu > li.search-item {
float: none !important;
}
div#primary-menu {
text-align: left;
}
.nav-aligned-right.nav-below-header .main-navigation .menu > li {
float: right;
}
Yes sir, perfect.
Thank you infinitely.
You're welcome :)