How to center align filter dropdowns on mobile website only

Store Design
1

Hello, I recently added a collection filter app. It works great and looks great on desktop. Just on my mobile website, how can I align the filters to the center of the page instead of being aligned to the left? Attaching screenshot from my phone for reference.

URL: www.urbanframes.ae

Thanks.

InkedIMG_4954.jpg
InkedIMG_4954.jpg1170×2532 279 KB

2

Hi @nadimnahas .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

@media screen and (max-width: 767px){
#cloud_search_filters_root .cloud-search-page-controls__filters-container{
justify-content: center !important;
}
}

Hope this answer helps.

Best regards,

Richard | PageFly