Black Friday Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Search position in vertical menu

Home Forums Support Search position in vertical menu

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #143822
    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 !

    #143823
    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.

    #143861
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #144259
    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

    #144309
    Tom
    Lead Developer
    Lead Developer

    Glad that worked!

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.