How can I switch the positions of icon and text in my filter?

[Luxurymrkt]

Hi,

im looking to move the word filter to the left

and the icon to the right

my site is https://luxurymrkt.com/collections/footwear-1

[Shop_Lovers]

Hi,

To make change you need to find the file where the code is written and need to make necessary changes.

Thanks

[eFoli-Marvic]

@Luxurymrkt

add this code to your theme.css file.

Navigate to online store >> Click edit theme code.

Now find theme.css and paste the following code:

@media(max-width:768){
.js-drawer-open-collection-filters{
	
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7rem;

}
.js-drawer-open-collection-filters svg{
   order: 2;
}
}

[Luxurymrkt]

Tried this it didn’t change anything. Deleted the code . Any other options?

[PageFly-Victor]

Hi @Luxurymrkt

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

-Go to Online Store->Theme->Edit code

-Asset->theme.css paste the below code at the top of the file.

@media(max-width:767px){

.collection-filter__item.collection-filter__item–drawer button{

display: flex !important;

align-items: center !important;

}

.collection-filter__item.collection-filter__item–drawer button svg{

order: 2 !important;

margin-right: 0 !important;

margin-left: auto !important;

}

}

Best Regards;

PageFly

[Luxurymrkt]

Thanks bud!!!

[PageFly-Victor]

you are welcome

[Luxurymrkt]

Helped me a lot. I really appreciate it!!

[PageFly-Victor]

I glad when can help you