Move search bar below the menu

Move search bar below the menu in desktop mode. Please check the chat notes for more info.

  • Kris
    • Support

    Hi cayu

    Hope you are doing good today.

    I made full review of this css and please note this code I made will work only on desktop view above 1280px. Below this value your desktop header got to many items: logo, menu, addtitional top right buttons etc.

    Please add this code to Appearance -> Customize -> Additional css section in your theme:

    @media all and (min-width:1280px) {
    #quadmenu {z-index:0 !important;  }
    #quadmenu #quadmenu_1 {z-index:9999 !important; width:600px; margin:-50px 0 0 -300px  !important;  position:absolute; left:50%; }
    #quadmenu #quadmenu_1 ul li {margin:0; }
    #quadmenu #quadmenu_1 ul li a {font-size:14px; padding:0 !important;}
    #quadmenu #quadmenu_1 ul li form {border-bottom:1px solid #fff; margin:10px 0 0 0; width:500px;}
    }

    Hope this help :slight_smile:

    Kind Regards,
    Kris

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.