Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 15, 2017 at 9:39 am #852425
    michelescorsonelli

    Hi, guys on my homepage i have created a search bar with the widget, but i want to implement AJAX live result preview when people try to write the first 3 words on the search bar, how i can do that?

    Then i’d love to modify the diagonal border so to have 2 colors like this website drivek.it

    September 16, 2017 at 2:08 pm #852868
    michelescorsonelli

    HELP ME!

    September 19, 2017 at 4:06 am #853655
    Ismael

    Hi,

    Thank you for using Enfold.

    Please add this code in the functions.php file.

    // custom script
function add_custom_script(){
?>
<script>
(function($){
		$(document).ready(function() {
	  	new $.AviaAjaxSearch({scope:'body'});
		});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    September 19, 2017 at 10:07 am #853776
    michelescorsonelli

    Hi Ismael,

    How can i alignment my color section on mobile? if you see that on mobile they are not alignment, can you give me the code?

    And then can you fix the magnificent glass of the search bar on mobile?

    Thank U.

    September 20, 2017 at 5:53 am #854159
    Ismael

    Hi,

    I’m sorry but I can’t see the alignment issue. Please provide a screenshot using imgur or dropbox.

    Best regards,
    Ismael

    September 21, 2017 at 12:06 am #854618
    michelescorsonelli

    Hi Ismael,

    If u check on mobile “orizzontal view” width 470px to 768px the web site drivek.it you can see that the car on mobile are divided in 2 section left and right 50% width, i want the same on my enfold with the cars on my homepage in mobile view 470px to 768px. u can give me the css code to fix the color section on mobile version in 2? i want the same like the site drivek.it.

    September 21, 2017 at 1:02 pm #854807
    Ismael

    Hi,

    Please add this css code to adjust the width of the columns on landscape view.

    @media only screen and (max-width: 767px) and (orientation: landscape) {
    .home #wrap_all #av_section_3 .flex_column.av_one_third {
       width: 48%;
       float: left;
       clear: none;
       margin-right: 1%;
    }
}

    Please apply a unique Section ID to the color section that contains the “cars” column so that we can replace the generic selectors above with it.

    Best regards,
    Ismael

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