How can I adjust Turbo theme product page to full width on mobile?

Store Design
1

Hey there, I’ve been trying to adjust my product page description on turbo theme to be full width on mobile.

I tried a few codes from other threads, but it seems there are still issues with creating full width without messing up other formats.

Any suggestions?

1 Like
2

Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

1 Like
3

zeroache.com

[image: image.png]

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 575px){
.container { width: 100% !important; padding: 0 15px !important; }
.container .one.column,
.container .one.columns,
.container .two.columns,
.container .three.columns,
.container .four.columns,
.container .five.columns,
.container .six.columns,
.container .seven.columns,
.container .eight.columns,
.container .nine.columns,
.container .ten.columns,
.container .eleven.columns,
.container .twelve.columns,
.container .thirteen.columns,
.container .fourteen.columns,
.container .fifteen.columns,
.container .sixteen.columns,
.container .one-third.column,
.container .two-thirds.column,
.container .one-fifth.column,
.container .one-sixth.column,
.container .one-seventh.column{width: 100% !important;}
}
5

It worked! Thanks so much

6

@ZestardTech

Hi There!

I used your code for the issue it worked only issue I have now is that the picture are now extremely big and the text should be centered but now after that code it is to left instead of center.

Kindly help me please Thanks in advance!

Kind regards

7

@ZestardTech

Hi There!

I used your code for the issue it worked only issue I have now is that the picture are now extremely big and the text should be centered but now after that code it is to left instead of center. And I can zoom out and scroll to the side.

Kindly help me please Thanks in advance!

Kind regards

8

@ZestardTech

Hi There!

I used your code for the issue it worked only issue I have now is that the picture are now extremely big and the text should be centered but now after that code it is to left instead of center. And I can zoom out and scroll to the side and also the top bar doesnt stay fixed like it should be it moves slightly bit up when scrolling up.

Kindly help me please Thanks in advance!

Kind regards