[Resolved] Navigation – lightweight social icons

Home Forums Support [Resolved] Navigation – lightweight social icons

Home Forums Support Navigation – lightweight social icons

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #260243
    BarnaB

    Hi Tom,

    So here is the question of the day πŸ™‚ Found this tutorial and it works great, but how can i make sure the search icon is the last item in the row ? πŸ™‚

    Thank you

    https://wpress.zone
    Tutorials and tips for GeneratePress and Elementor

    #260281
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You would have to hide the default search item:

    .main-navigation .search-item {
        display: none;
    }

    Then add your own custom link in the menu with these settings:

    Navigation Label/Link Text: <i class="fa fa-fw fa-search" aria-hidden="true"></i><span class="screen-reader-text">Search</span>

    Custom Classes: search-item menu-item-float-right custom-search-item

    Then add this CSS:

    .main-navigation .search-item.custom-search-item {
        display: block;
    }

    Then you can order it however you like πŸ™‚

    #260285
    BarnaB

    awesome ! Thank you πŸ™‚

    https://wpress.zone
    Tutorials and tips for GeneratePress and Elementor

    #260432
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.