Refresh theme mobile view. Center all contents.

Store Design
1

Hi,

I’m not sure what happened to my site, but I noticed all my content (collections, products, lists, rich text, etc.) is aligned right instead center for mobile view. It’s strange. I don’t know whats causing it. It’s for every collection product and multicolumn images. Please help.

my site: www.melaniejean.com

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
.grid__item{
padding-left: 0!important;
}

Screenshot :- https://prnt.sc/Gpux41bYpebf

3

Please add below css code in bottom of assets/base.css file

@media screen and (max-width: 749px)
.grid__item {
padding-left: 0;
}

Thank you.

4

Hello @mjdubarr
I would like to give you some recommendations to support you
Regarding your question, you can follow these steps:

  1. Go to Online Store->Theme->Edit code
  2. Open your theme.liquid file, paste below code before :

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages Support Team

5

Hi @mjdubarr .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

@media screen and (max-width: 749px){
.grid__item {
padding-left: 0 !important;
}
}

Hope this answer helps.

Best regards,

Richard | PageFly

6

Thank you Richard Nguyen. This worked perfectly!

1 Like
7

Hi @mjdubarr ,

Awesomeeeee! :blush:

You’re most welcome! :face_blowing_a_kiss:

I’m glad to hear that it works well on your end.

8

This is going to be strange, but it did work yesterday. Today it is shifting to the right again. No idea what is overriding the code. I deleted the code and pasted it again. It’s weird. What else could I try?

9

I entered:

/* Center Mobile Contents */
@media screen and (max-width: 749px) {
.grid__item {
padding-left: 0; !important;
}
}
}

and it’s not working. not sure why, it should have, I think.

1 Like
10

Hi @mjdubarr ,

Sorry for missing your message.

We should remove 1 bracket here:

RichardNguyen_0-1669351344408.png
RichardNguyen_0-1669351344408.png525×306 10.4 KB

Hope this answer helps.

Best regards,

Richard | PageFly