Search position in vertical menu

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.

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

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

Glad that worked!

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