How can I adjust the page width on Crave theme?

Store Design
1

Hi,

hoping somebody can help.

I am using the Crave theme and am happy with the display on a mobile browser.

On a desktop browser however, most elements are displayed too wide and high. How would I narrow the width so that each image and video is viewable as a whole without scrolling.

My website is: https://dspco.tw/en

Thanks in advance

2

@trinamic

I have checked your images on your store, and I have seen the banner image height is big as the area of the banner is about 1920px * 1080px, so you need to add the proper image size for the banners and product pictures. for videos also. That’s why your images are blurry.

Refer to this link.

https://tiny-img.com/blog/guide-to-shopify-image-sizes/

3

@oscprofessional

thank you for your reply. much appreciated.

Is there any way for me to limit the page width and force the browser to display in a narrower part of the window so that everything would be scaled down?

I had tried to include some code in the theme.liquid but didn’t get any results. I thought if the screen width is >1080px than it would scale it to a page width of 1280px instead of using the full width. But I admit, I don’t know what I’m doing.

<style>
@media only screen and (min-width: 1080px) {
  .wrapper {
        max-width: 1280px;
  }
}
</style>