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

[samueljoonjung]

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

[CafeDelMar]

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;
}
}

3. Save (right top corner)
4. Hard refresh the storefront

If done correctly, the result should be like this:

 

[samueljoonjung]

That moves the "WHO Hoodie" with it which I don't want

[CafeDelMar]

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;
    }
}