How to add padding to the top of each page?

Store Design
, , , , ,
1

I am using a third party theme. But I have seen product page and other pages have no padding at the top!

Fayed_0-1705995195641.png
Fayed_0-1705995195641.png1298×782 121 KB

Preview link: https://grwthshop.nl/products/grwth-hair-oil

Fayed_2-1705995402087.png
Fayed_2-1705995402087.png1342×613 89.9 KB

Preview link: https://grwthshop.nl/collections

Fayed_1-1705995236552.png
Fayed_1-1705995236552.png1310×823 40.2 KB

Preview link: https://grwthshop.nl/pages/about-us

How can I add padding to the top of these pages? I see there is no option in Theme Customization for this.

Please help me to slove this issue.

Thank you

2

Hi @Fayed
To add padding to top add Below CSS to dt-custom.css

[data-header-section] {
    padding-bottom: 50px;
}
3

Thanks for your response,

but It didn’t work.

4

Hi @Fayed
I rechecked the store and didn’t find the CSS i gave to you. It is working fine.

You can check it here: https://prnt.sc/0KfzYuNOZ5_J

5

Please check the live link again now > https://grwthshop.nl/collections/featured-product/products/grwth-hair-oil

And put the code again : https://prnt.sc/3TvbLVgeD8P2

I didn’t see any change after adding the code

6

Hi @Fayed

Open Online store > Themes > Edit code > open theme.liquid file, add this code under element

{% if template != 'index' %}

{% endif %}
1 Like
7

Hi @Fayed

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

8

Thanks for your response.

It worked. amazing! Thank you so much

1 Like
9

Happy I could help!

Best Regards,

Dan from Ryviu: Product Reviews & QA