Hi there!
In my homepage I’m facing some problems with a specific section and just with desktop version.
As you can see from the screenshot there’s space between this two section and I’ve tried every trick to remove it but nothing changed.
I’ve also tried to color that space in #f5efe8 that would be the best for me but with no success.
Can you help me solving this??
Website: www.sosober.it
Password: mohwhi
Thank you!
Hi @sosober
To remove that spacing, you must change a bit in your theme code.
Follow this image and change the code in file theme.css
Hey,
When I inspect it I found that you are using the
margin-bottom: 100px !important;
to section.
Could you make the value to 130px.
Or paste this code in the end of theme.css file.
section#shopify-section-template--26106695942477__editorial_columns_wDk6V3 {
margin-bottom: 100px !important;
}
Results:
I’d say that this section is not modified properly.
Abuse of position: absolute makes it impossible to automatically calculate section height, so there is a need to compensate for this with some padding and margin which is a guesswork as it does not account for visitors browser font size and zoom settings…
Excessive margin values lead to white space between sections.
There is a bunch of sections in this theme to produce the same look and then add a small custom code to animate the background…
