[Resolved] Make search icon on the extreme left

[themedleb]

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.

[Leo]

Hi there,

Can you link us to the page?

Thanks!

[themedleb]

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.

[Tom]

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;
}

[themedleb]

Yes sir, perfect.

Thank you infinitely.

[Tom]

You’re welcome 🙂

[Author]

Posts