How do I move these words to the right side on mobile for all my product pages?

Store Design
1

How do I move these words to the right side on mobile for all my product pages? My url is www.whoglobal.shop

samueljoonjung_0-1743169485641.png
samueljoonjung_0-1743169485641.png214Ă—399 21 KB

2

Hi @samueljoonjung . I see that you have already moved the “Size Guide”.

Here’s how to move the “Free shipping” text:

  1. Navigate to Sales Channels → Online Store → “Customize” button → Theme settings (Gear icon on the left sidebar) → Custom CSS
  2. Add the following code:
@media screen and (max-width: 767px) {
	p.product__text:not(:has(.subtitle)) {
    text-align: right !important;
}
}
  1. Save (right top corner)
  2. Hard refresh the storefront

If done correctly, the result should be like this:

Screenshot_3.png
Screenshot_3.png376Ă—625 24.7 KB

3

That moves the “WHO Hoodie” with it which I don’t want

4

There was a small logic error.

I see you solved it with “float” already. In case you want to preserve the padding, here’s an updated code:

@media screen and (max-width: 767px) {
    p.product__text:not(.subtitle) {
        text-align: right !important;
    }
}