Minimal Theme webpage off-centered or overly zoomed out in Mobile mode

Highlighted
Excursionist
23 0 4

Hi Everyone, has anyone experience displaying problem with Minimal Mobile Theme? The problem is such that the page is loaded off centered (shifted to the left) or loaded with overly zoomed out. See pictures attached.

Furthermore, in mobile mode, the page is allowed to be zoomed out much more (up to 2/3) of the display width.

Note that the issues above are not observable within the theme customization window.MobileViewOverlyZoomOut.PNGOverlyZoomMobileViewShiftLeft.PNGShift2LeftWhenLoadImage-1.jpgShift2LeftWhenLoad

Any expert can offer help? Thank you in advance.

0 Likes
Shopify Partner
48 3 11

Hi,

 

It looks like your logo image wrapper is the source of your issues.

For some reason there is a fixed width of 500px, which brings it outside of the screen.

 

You'll likely need to fix that.

 

Cheers,

ui-gab
Vancouver, BC Canada
https://www.uiavenue.ca
uiavenue.help@gmail.com
We specialize in Shopify App Development. If you need help just reach out.
1 Like
Excursionist
23 0 4

Hi, thank you so much for your insight. 

I'm a newbie, would it be possible you provide me a little more detail on how to go about reducing the fixed width?

Which liquid files can I find that to do that? I really appreciate your expert input. Thank you.

0 Likes
Excursionist
23 0 4

Hi ui-gab

Based on your pointer, I found what you were referring to and able to improve the problem dramatically. I change the value from 500px to 320px.

Thank you so much for the tips.

 

Jun

0 Likes
Shopify Partner
48 3 11

Awesome, I'm glad you figured it out.

 

Cheers,

ui-gab
Vancouver, BC Canada
https://www.uiavenue.ca
uiavenue.help@gmail.com
We specialize in Shopify App Development. If you need help just reach out.
0 Likes
Shopify Partner
48 3 11

Though I think it's more of an underlying issue, there seems still be some issues with sizes under 500px wide, just not as noticeable.

ui-gab
Vancouver, BC Canada
https://www.uiavenue.ca
uiavenue.help@gmail.com
We specialize in Shopify App Development. If you need help just reach out.
1 Like
Excursionist
23 0 4

Exactly. Do you have a better suggestion?

Appreciate your expert advise. Thank you.

0 Likes