Why is there excessive top padding on my website section?

Store Design

Topic summary

A user is experiencing unwanted excessive padding at the top of a website section and seeks help to remove it. They’ve shared a screenshot showing the issue on their site (lacouette.nomiS).

Proposed Solution:

  • Another user suggested adding custom CSS code to the theme files
  • The fix involves navigating to: Online Store > Theme > Edit code > Assets > base.css
  • Adding specific CSS targeting .td-sc-heading.text-center with top: 0 !important; within a media query for screens with minimum width of 767px

Status: The original poster thanked the responder, suggesting the solution may have been helpful, though explicit confirmation of resolution wasn’t provided.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hi!

I don’t understand why I have a lot of padding on the top on my section…

Can someone help me?

Site: lacouettefrancaise.fr

Capture d’écran 2023-03-30 104811.png
Capture d’écran 2023-03-30 104811.png1960×748 105 KB

Best,

Simon.

2

Thanks a lot!

Best

3

Hello @slourdel

Try this code if you find it helpful:

Go to Online Store >Theme>Edit code>Assets>base.css>add code at the bottom

@media only screen and (min-width: 767px)
.dt-sc-heading.text-center {
    top: 0 !important;
}