Setting the width of the text range on the page

Shopify Discussion
1

Hi there,

I’m trying to change the width of the page in mobile view because the text/body of the post is currently too narrow and I’d also like the text to be centered.

https://adamikfun.myshopify.com/collections/all

It looks fine on a desktop but when viewing from a mobile device it looks like the screenshot below.

miilaan_0-1727966547693.png
miilaan_0-1727966547693.png395×736 155 KB

I would appreciate any help with this please. Thanks

1 Like
2

Hi @miilaan

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px) {
.image-with-text__content {
    padding: 4rem 0 !important;
}
}

And Save.

Result:

Made4uoRibe_0-1727969902414.png
Made4uoRibe_0-1727969902414.png561×737 33.9 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!