Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 6, 2018 at 8:53 pm #952383
    fascap

    Hi,

    According to my clients need, I want to adjust ajax search lite in front of the logo (between the logo and the shopping cart button), (see the screenshot in the end for clarity of my question)
    the ajax search has this code: <?php echo do_shortcode(‘[wpdreams_ajaxsearchlite]’); ?>
    I need to know the exact location where i can place this code in, in the themes file.

    Screenshot: https://www.screencast.com/t/Evp4FZRvrc
    website: http://aubzarve.com/benznewdemo/

    May 8, 2018 at 5:44 am #953090
    Victoria

    Hey fascap,

    You need to add the widget there http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add the search in there.

    Best regards,
    Victoria

    May 8, 2018 at 8:32 pm #953531
    fascap

    Hi Victoria,

    Thanks , I have done it and its working. but there is problem with its mobile responsiveness. I want the newly created header widget be shown in separate line beneath logo+cart+menu.
    This is how its looking now: https://screencast.com/t/gtjSGzA1jMle

    Please lt me know the code for responsiveness

    May 10, 2018 at 1:12 pm #954530
    Victoria

    Hi fascap,

    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 (max-width: 767px) {
    body#top #ajaxsearchlitewidget-2.extendedwopts-hide.extendedwopts-mobile {
        display: block;
        width: 90vw !important;
        margin-top: 100px;
    }
    .responsive #top #main {
        padding-top: 105px !important;
    }
    .hr.hr-invisible.avia-builder-el-3.el_before_av_heading {
        height: 0px !important;
    }
    .responsive .logo img {
        width: 90%;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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