Help!!Laptop/desktop site width

Highlighted
New Member
11 0 0

Hello All,

I use the Retina theme.

I’ve been playing around with trying to set my website’s max site width to 1800px in the laptop, tablet, and desktop platforms.  Mobile is not an issue.  I don’t like how the site spans the whole screen on the laptop, tablet, and desktop.  I played around in the massive css file with no luck at defining any of the variables.  I’m guessing it is one of the width=100% variables that needs to change. 😀

Any help greatly appreciated!! Thanks in advance!

Ben

0 Likes
Highlighted

Hello @diecasthangar 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

body {
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
}

Hope this will work for you.
Thanks!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
11 0 0

Thank you kindly for the reply! 

I entered the code into my css file at the end.l but it didn’t seem to work.  The theme’s css file is over 7000 lines long and it’s probably buried in there somewhere.

Any other thoughts?

Thanks,

Ben

0 Likes
Highlighted
Excursionist
11 1 1

This is not the best way but is a solution for you. 

1. Click on "Online Store" link (left side - Shopify dashboard)

2. Click on "Actions" button and click on "Edit code".

3. Go to "Layout" folder and click to open the theme.liquid file

4. Before the tag "</head>" ends, paste this code:

<style>

body{

width: 100%;

max-width: 1800px;

margin: 0 auto;

}

</style>

 

Contact me if you need any help or a professional solution.

0 Likes
Highlighted
New Member
2 0 0

Reading about the laptop details which is looking good and use full information.  My Travel Gadget

0 Likes