How can I center the variant picker on my Sense theme product page?

Hello, I have a challenge with getting my variant picker in the product page to center. Can someone help me please. I am using the Sense theme with some customization. Thank you.

2 Likes

Hi @SunnyDays_US

Would you mind to share your store URL website? with password if its protected. Thanks!

Hey @SunnyDays_US

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Sent via DM.

Hey @SunnyDays_US

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

1 Like

Thank you Moeed. This worked perfectly!

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like

@Moeed I do have one more issue I can’t figure out, The margin on mobile when I use the “Image with text” section is off. How can I align the text to the same width of the image?

Hey @SunnyDays_US

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

@Moeed OK so that worked on mobile but now desktop margin is almost overlapping… Do we need code separately for mobile vs. desktop?

Hey @SunnyDays_US

Remove the previous code and add this new code as this code will only work for mobile not desktop


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

Best Regards,
Moeed

1 Like

Again TY very much Moeed, you are amazing and very responsive.