I need some help on removing white spaces on the left and right side of the page so I can use all the available space not just the middle. Like f.ex. in this shop: https://theminimalistwomanshop.com/
Mobile version is fine, but web/desktop one is looking really bad like that.
Anyone can help?
Solved! Go to the solution
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file
padding: 0px !important;
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
@Wahab_Ahmad Thank you! It worked perfectly :)
Just one thing... is it possible that the changes will apply just for header and Menu with underlines? Because now the tiles/boxes of Collection List are attached to the edge and they looked much better when there was a bit of space from the boarder. The same happened with subpages (account or catalog) and it doesn't look good.
Thanks in advance.
Go into theme.scss
Find the following
(It might be $Sitewidth or something similar). For me it was line 329.
You can change the px value to set a fixed width. Or if you want a variable width depending on device/screen size, you can change it to a percentage.
This will mean there is always a 10% gap on the sides, regardless of device.
|4 seconds ago|