Filter and Sort By Buttons on Mobile view

[TBS2023]

Hello

How can i make my ‘Sort by’ button be the same height as the ‘Filter’ button on mobile view

Also would like to center them a bit ( they are towards the right instead of middle)

www.thebodyshop.com.lb

password: dosawr

[Dan-From-Ryviu]

Hi @TBS2023

You can solve it by adding this code to theme.liquid file, after

[Moeed]

Hey @TBS2023

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[deservefirst]

Hi,

You can manage the height of the select box by adjusting its min-height and padding. Please refer to the attached screenshot for more details.

Note: Ensure that these adjustments are made within a media query so they do not affect the desktop version.

To center align: There is padding in the section. You can adjust the padding to center the section. [REF below SS]

[Aditya_c]

Hi, could you tell the process you followed to separate filter and sort by options in mobile view? Are you using an app or did you make changes to the code.

[deservefirst]

You will need to make some adjustments to the code.