Make gap smaller between this image and top of section

Store Design
, ,
1

Hello,

Does anyone know how to make the gap smaller between this image and the top of section on mobile only. I had it working before but seem to have made changes that reversed it.

URL: www.crababblecrafts.com

password: abble

TIA

Screen Shot 2023-09-07 at 9.40.39 AM.png
Screen Shot 2023-09-07 at 9.40.39 AM.png1046Ă—930 137 KB

2 Likes
2

Hi,

There is an empty block at this area

NatashaSaed_0-1694103682554.png
NatashaSaed_0-1694103682554.png595Ă—104 3.39 KB

1- Go to online store

2- Edit code

3- open your base.css

Go to line: 2584

@media only screen and (max-width: 749px)
@media only screen and (max-width: 749px)
@media screen and (max-width: 749px)

.banner__content .banner__box.color-background-1 { display: none !important;

}

and fix the code as above to none instead of block.
Save

1 Like
3

Hi @KJD_1

Try this.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (max-width: 749px){
.banner__box.color-background-1 {
    padding: 0 !important;
}
}
  • And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!