Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 3, 2015 at 7:23 am #389861
    Zarrougt

    What is the best way to keep the search box appear inline of the bar and getting it expand when visitor searching ?

    February 3, 2015 at 3:52 pm #390138
    Yigit

    Hey Zarrougt!

    Can you please post a screenshot and show the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder

    Best regards,
    Yigit

    February 4, 2015 at 7:05 am #390545
    Zarrougt

    The search box comes as a pop up from the design . However what is required is to keep the search box in the navigation bar.
    What code and which file should be modified to enable this?
    https://dl.dropboxusercontent.com/u/10264093/Screen%20Shot%202015-02-04%20at%2012.03.37%20AM.png

    February 4, 2015 at 9:35 am #390587
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_bottom_nav_header .avia-search-tooltip { 
height: 40px; 
top: 0 !important;
}
.avia-search-tooltip #searchform>div {
margin: 0;
}
.avia-search-tooltip .avia-arrow-wrap {
display: none; 
}

    Best regards,
    Yigit

    February 4, 2015 at 5:50 pm #390826
    Zarrougt

    Thanks it is very close to what i want . it is still shows like a separate element . Is this the best we can do ?

    February 5, 2015 at 11:38 am #391178
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top .avia-search-tooltip.avia-tt {
    box-shadow: none;
    -webkit-animation: none;
    margin-right: 120px;
    left: -180px !important;
    border: 0 !important;

}

#top #s {
    background: white ;
    border: 0;
    padding: 11px 5px 8px 5px;
    position: relative;
    border: 0 ;
}

#top #searchsubmit {
    display: none !important;
}

    Cheers! 
    Josue

    February 11, 2015 at 12:03 am #394093
    Zarrougt

    Thanks a lot Josue , it is perfect now :)
    You are the best .

    February 11, 2015 at 10:59 am #394193
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

    February 12, 2015 at 7:31 am #394843
    Zarrougt

    Hi
    I found an issue on when i try to search on the box the results comes on the same and mixed with the background of the website . You can go there and try yourself by typing any word from the site .
    Can we prevent this instant result or fix its background when it shows any result while we search in that box ?

    February 12, 2015 at 10:57 am #394886
    Josue

    Hi!

    Add this:

    .ajax_search_response {
    background: white;
    box-shadow: 0 0 8px rgba(0,0 ,0,0.4);
    top: 6px;
}

    Cheers!
    Josue

    February 15, 2015 at 3:53 am #396276
    Sam

    How do I alter the bg and font colors of the search box?

    February 15, 2015 at 8:52 am #396292
    Josue

    Hi @samcking!

    Use this code:

    #top #s {
    background: white;
    color: red;
}

    Best regards,
    Josue

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