Site logo

Archived topic

Make search icon on the extreme left

5 replies · Started by themedleb on November 24, 2017

Viewing posts 1–6 of 6

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 :)

This archived topic is closed to new replies.