Hi, I have a large empty white gap between my banner & my first icons with text in my theme. I have attached a screenshot below - is it possible to bring the icons with text writing up to the yellow line on the screenshot, to reduce the empty space gap?
Hi @paigekiaraaa ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.scss.liquid or theme.scss
Step 3: Paste the below code at the bottom of the file → Save
@media screen and (max-width: 500px){
.about-and-icons-container {
padding-top:0 !important
}
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hi, thank you for your quick response!
I think there is an error in my code preventing this from working - I’ll attach a screenshot below, could you please confirm how it should read?
You can try
@media screen and (max-width: 500px){
.about-and-icons-container {
padding-top:0 !important
}
}
Hi, the code has caused some issues with the website, I’ll put the URL below for reference & the password is pk
Hi @PageFly-Oliver , is there a solution to the above? thank you
Hi @PageFly-Oliver , is there a solution to the below? thank you
you can try
@media(max-width:767px){
.index-section{
padding-bottom:0 !important
}
}