Hi there,
Just getting my site up and there’s a lot of white space between sections that drives texts to be too low (ie off screen on first load of homepage). See image. How do I fix this?
Found similar questions with answers but not sure if my case is similar enough and wary of doing something in liquid that screws up the code.
Thanks!
Backup your theme and make the changes on a duplicate theme then try those changes and if it doesn’t work post a link to your store and I’ll check it out for you.
Thanks, yeah I’ve tried pasting in 5-6 different prior solutions from other questions and no luck unfortunately.
here’s site URL: https://www.ventureboardgames.com/
I checked your store and I noticed your store has a spacing set for every section. To reduce the spacing for the sections you’ll need to make changes to this code, and note this will affect the spacing across your theme.
on line 1112 in theme.css file, you should see this below( this will affect how it looks on wider screens)
@media screen and (min-width: 960px)
section {
// adjust the 3.5rem as desired
margin: 3.5rem 56px;
}