Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 20, 2019 at 6:07 am #1149559
    markwilliams

    I was trying to add a search box into my menu bar. I found and followed the steps found here: “Need search box right of the main menu – how?” – https://kriesi.at/support/topic/need-search-box-right-of-the-main-menu-how/#post-1112728

    I updated my functions.php and added the custom css to my styles.css in my child theme.

    I can see the search-form as a new li in the menu when I inspect the code. I do not see that search form in my menu.

    Any ideas what I screwed up?

    • This topic was modified 5 years, 1 month ago by markwilliams.
    October 21, 2019 at 4:19 am #1149680
    Rikard

    Hey markwilliams,

    This CSS seems to be hiding it:

    #menu-item-search.menu-item-avia-special {
    display: none !important;
}

    I can’t see exactly where it’s coming from though since you have file compression active. If you disable that in the theme options then we can see where the CSS is coming from.

    Best regards,
    Rikard

    October 21, 2019 at 4:37 am #1149692
    markwilliams

    I commented out that line from my child theme styles.css and turned off compression in the theme.
    Doing that shows the magnifying glass search icon, but when I click that it only shows the pop up search form.

    Ignore the search form in the side bar too, just exploring alternatives if getting the searchbar in the menu proves prohibitive.

    October 23, 2019 at 11:58 am #1150467
    Victoria

    Hi markwilliams,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    October 23, 2019 at 3:26 pm #1150530
    markwilliams
    This reply has been marked as private.
    October 23, 2019 at 8:53 pm #1150637
    Victoria

    Hi markwilliams,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 768px) {
  #top .menu-item .inner_tooltip #searchform {
      top: 0px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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