How to align webpage elements for a luxury glassware site?

[djamesduke]

Hi there all,

I am in the process of launching a new business selling luxury glassware.

Current behaviour:

I have noticed that at some screen widths, some of the website is showing too far left, compared to the rest of the elements on the page, please see below.

Here is a url: https://www.greenlabelglassware.com/products/amber-glass-soap-lotion-bottle-brushed-rose-gold-pump-dispenser?variant=47518482858320.

Desired behaviour:

All elements from ‘bottle size’ down to and including ‘more payment options’ are center aligned to match the preceding product description.

I have tried locating the css selectors and played around with ‘width’, ‘align-content’, ‘margin’ and other css but I cannot get anything to shift!

Thank you in advance

[Moeed]

Hey @djamesduke

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