How can I adjust the page width for desktop view?

English Shopify Shopify Design
1

Hi,

I am happy with the display of my website on a mobile browser but as most images are square or 3:4, it doesn’t look good on a desktop browser. The images are displayed to wide and high so you can’t see the whole image without scrolling

I wanted change the page width to about 800px so that I have padding on both sides and the website is shown more narrow (like on a mobile view) but with my non existent coding skills I haven’t been successful.

My website is: https://dspco.tw/en and it’s the crave theme.

Thanks in advance

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:
.page-width{
max-width: inherit;
}

Thank you!

1 Like
3

Hi,

thank you for your suggestion. I pasted the code and it stretches the display even further to the edges of the screen and makes the images bigger in the process. I was trying to narrow the website view so that in turn everything gets shrunk.

Something like this:

Untitled.png
Untitled.png1920×1080 388 KB

Thanks