I want to reduce the top padding of the product information section for mobile version

Store Design
1

i want to reduce the top padding of the product information section for mobile, but i doesnt work.for sense theme

i have added this code to bass.css:

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

.section-template–18511649439821__main-padding

Specificity: (0,1,0)

{

padding-top: 8px;

}

2 Likes
2

Hi @rubi06

Add this to assets/base.css (bottom of the file):

@media only screen and (max-width: 676px) {
  .section-template-18511649439821__main-padding {
    padding-top: 8px;
  }
}

Best regards,
Devcoder :laptop:

1 Like
3

Hi,

Please follow these steps:

Open base.css.

Paste this code at the bottom:

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

.section-template–18511649439821__main-padding {

padding-top: 8px !important;

}

}

Make sure the dash is – (not a long dash).

Save and refresh your store on mobile view.

This will reduce the top padding on mobile.

4

@rubi06

Let me know if you have questions

5

It doesn’t work…………..

6

Hi @rubi06

Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

7

www.soothetech.shop

……

1 Like
8

Hi @rubi06

Could you please send me a screenshot showing which section’s top padding you want to reduce?

Best regards,
Devcoder :laptop:

9

r
r370×677 58.4 KB

10

the red area ,i want to shrink it

1 Like