My site is perfect for tablets and mobile devices but I would like it to have a different width when it’s displayed on a desktop.
I am using the boxed layout and that is 1130px in width on my desktop. I’d love to have it at around 1020px.
What do I have to change in css/grid.css to make this happen?
Thanks in advance.
Actually I’d like the width to be even smaller, around 960px.
Is this possible?
In the Enfold theme options go to General Settings>Responsive Layout. You can then select the smaller layout from there.
If you are using the Fixed Layout currently then you would need to modify the grid.css file with your new widths.
Thank you for the swift response!
The smaller layout is 1030px, is it possible for me to make this even a bit smaller?
Be sure you are selecting the ‘1030px’ width option in the Theme Options page, then replace the contents of css/grid.css with this.
The topic ‘Different size boxed layout desktop’ is closed to new replies.