How to hide noticeable padding on mobile device?

[AlexYZ]

[AlexYZ]

website>kawaiibonjour.com

[PageFly-Victor · Accepted solution]

Hi @AlexYZ,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme,css

Step 3: Paste the below code at bottom of the file -> Save

@media(max-width:767px){
/* Hide scrollbar for Chrome, Safari and Opera */
.new-grid.product-grid::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
    .new-grid.product-grid {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

[AlexYZ]

Thanks it works

[PageFly-Victor]

You are welcome. I'm glad when I can help you 😍

[AlexYZ]

I have tagged you in another post for the sale tag problem if you can help, thanks very much

[PageFly-Victor]

yes, let me check