How to reduce padding at the top of a featured product?

Store Design
1

Please see the large white gap above my featured product.

Is there a way to find the piece of code that needs to be changed?

Any help is most appreciated! Thank you. @KetanKumar

IMG_5141.JPG
IMG_5141.JPG1346×2778 228 KB

2

Hi,

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.min.css ->paste the below code at the bottom of the file.
@media only screen and (max-width: 786px){
.banner-alignment-bottom {
padding-bottom: 0 !important;
}
#shopify-section-featured-product > section {
padding-top: 0 !important;
}}

if you want to remove further plz add this more code at the bottom

@media only screen and (max-width: 786px){
#shopify-section-165705636649712cb8{
margin-bottom: -60px !important;
}
}
1 Like
3

Hi @CalfPRO ,

If possible can you please give the url of store at here?

then i can check and provide the solution to you. Thanks!

4

You nailed it in one! Thank you for your solution.