[Resolved] Search position in vertical menu

[marcel]

Hey tom!
Hello ! your plugin is fantastic ! Search as I put as the first item of the menu .. ? It appears below

http://c.ensamble.com.uy/

Thanks!

You thought you got new addons to sell! notify us !

[bdbrown]

Hi marcel. Within your left sidebar you have the following elements:

site-navigation container
– inside-navigation container
— sticky-logo – set to display:none
— search-form – set to display:none; position is absolute at the bottom of the container, so it’s under the search icon menu item
— menu-toggle button – set to display:none
— main-nav – has 5 entries; 4 normal menu items plus the search icon

You should be able to adjust your css to display the “missing” elements and position them in the order you want them.

[Tom]

Not sure if this will work, but..

1. Go to “Appearance > Menus” and add a “Custom Link” to your menu – place it at the top.
2. For “Navigation Label”, add: <i class="fa fa-search"></i>
3. Click “Screen Options” at the top right and make sure “Custom Classes” is checked. Now add this as a custom class: search-item first-search-item
4. Now add this CSS:

.gen-sidebar-nav .search-item {
    display: none;
}

.gen-sidebar-nav .search-item.first-search-item {
    display: inline-block;
}

Worth a shot 🙂

[marcel]

Hi Tom ! thank you. It worked with small changes. Including a top in the navigation search
Your work is excellent . Thank you. When you have more plugins sale, notify us !

Te solution in my case :
____________________________

.nav-left-sidebar .main-navigation li.search-item {
display: none;
}
.nav-left-sidebar .main-navigation li.search-item.first-search-item {
display: inline-block;
}
.navigation-search {
top: 0;
}

http://c.ensamble.com.uy

[Tom]

Glad that worked!

Like us on Facebook or Twitter to get notified about new add-ons and updates 🙂

[Author]

Posts