[Resolved] Do not hide top menu when use search icon

Home Forums Support Do not hide top menu when use search icon

  • This topic has 9 replies, 3 voices, and was last updated 3 months ago by David.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1325310
    Jorge

    Hi, I´d like to know how can I do so, when use the search icon on the top menu, not dissapear the items of the menu.

    #1325496
    Leo
    Staff
    Customer Support

    Hi there,

    Try changing the navigation search color under Customizer > Colors > Primary Navigation.

    #1326531
    Jorge

    Thanks. I think that that solution is not enough, becasue althougn you change the background color of the search and set as the main menu, when you write on the search, your writting will be mixtured sith over the menu items and is imposssible to read anything.

    I´ve made this solution that inserts a new space between the name of the site and the mani menu and when you click on the search icon, opens a line to write.

    Please, if you think that there is a better way to srite a search and not hidding the menu items o wrote over them, please let me know. In the meanwhile test this css code and let me know.
    Thanks:

    (Frist of all, I´ve set the background search color in the settings that you told me:
    Customizer > Colors > Primary Navigation.


    @media
    (min-width: 768px){
    .navigation-search {
    position: inherit !important;
    background-color: #00000000 !important;
    width: 30% !important;
    margin-left: 70% !important;
    height: 30px !important;
    border-bottom: 1px solid white !important;
    }
    .navigation-search .search-field{
    border-bottom: 1px solid white !important;
    }
    .navigation-search input{
    height: auto !important;
    }
    }

    #1326556
    Leo
    Staff
    Customer Support

    Awesome.

    Thanks for sharing!

    #1328100
    Jorge

    Thanks to you

    #1328791
    Leo
    Staff
    Customer Support
    #1329592
    Jorge

    Hi, Leo. could you please take a look at that code, si if possible setting the search under the menu and not between the logo and the menu?

    I am trying but I can not find the way.

    Thanks anyway

    #1329675
    David
    Staff
    Customer Support

    Hi there,

    if you remove the position: inherit !important; property from your CSS and add top: 100%; it will push the search field below the navigation.

    #1329732
    Jorge

    Great, great, great. So, simply!!!
    David, I´ve not resolved yet the thing about Ajax in the filter plugin (I hope you know about what I´m talking about).
    As soon I know something bout the developer I´çll let you know.

    Thanks

    #1329826
    David
    Staff
    Customer Support

    You’re welcome
    Yes – let us know what the ajax filter plugin author says.

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