Add advanced search bar on homepage

Please  follow these steps:

  • First make a custom sidebar from the wplms->sidebar manager.

 

  • Now this sidebar will appear in appearance->widgets: Now add buddypress course search widget in the sidebar.

Make sure your location is enabled from the wplms->course manager->enable course manager.

 

  • Now go to home page in backend and add new full screen stripe column below layer slider and use sidebar content in it, 

 

  • Now edit the content and fill the content as per the screenshot, 

 

  • In the last screenshot, use the following css code:
@media (min-width:991px){.search_stripe.stripe{
position:absolute;
top:30vh;
width:90%;
}}
@media (max-width:768px){
.scontent {
    display:none;
}}
.scontent {
margin-left:130px;
background:rgba(255, 255, 255, 255);
}
.scontent ul li {
max-width:200px;
padding-left:10px;
}

The final Output:

Was this article helpful?

Related Articles

10 Comments

  1. fauis

    Hi,
    Your screenshot image is missing. Can you upload it again? I want to see the settings.
    Thanks…

  2. zatakk

    Hi

    Can you update this how to do with Elementor please ? Thanks

    1. Alex

      Its very simple in elementor as elementor comes with a widget block in which you can add this advanced search widget.

  3. Минут десять познавал содержимое сети, и вдруг к своему удивлению открыл отличный сайт. Вот гляньте: плитка под дерево Одесса . Для нас данный веб-сайт оказал яркое впечатление. Успехов всем!

  4. Пару часов назад анализировал данные сети, случайно к своему восторгу заметил интересный веб-сайт. Гляньте: https://t.me/s/tiktok_2022 . Для нас этот ресурс произвел хорошее впечатление. Хорошего дня!

  5. Прошлой ночью пересматривал данные интернет, вдруг к своему удивлению увидел полезный веб-сайт. А вот и он: скрытое крепление для зеркала . Для меня данный ресурс произвел радостное впечатление. Хорошего дня!

  6. Сегодня утром осматривал содержание инет, случайно к своему восторгу открыл красивый ресурс. А вот и он: http://profdez-nn.ru/ . Для нас этот веб-сайт произвел незабываемое впечатление. Хорошего дня!

  7. Модницам, сложно найти стильную, и качественную одежду в магазинах. К сожалению в последнее время у нас довольно много некачественных и бракованных вещей, который продавцы продают без зазрения совести. Но можно найти необычные и женственные вещи в интернет-магазинах, как вариант, можете заглянуть в этот магазин женской одежды.
    MySoul – Женская одежда

Leave A Comment?