How to add a padding on pages - Theme Debut Mobile

Solved
tamita
Tourist
3 0 0

Hello. I am customizing Theme Debut and struggling with adding padding-top(?) on pages in order to show a whole page.

Since I added sticky headers, it started to show much narrow and cut upper titles as follows:

The mobile screen has the same problem.

I would like to make it even space between top and bottom.

スクリーンショット 2021-04-19 0.15.05.png

My website: https://japonsetas.com/pages/shipping

I appreciate your help.

Kind regards,

 

 

 

0 Likes
Jason
Shopify Expert
10296 146 1949

This is an accepted solution.

^ Do not do that. You should not share your login details with anyone, and someone asking for it like this isn't showing suitable levels of concern around security.

@tamita What have your tried so far to adjust the padding? That will help form some context on what hasn't worked or where you might have got stuck.

I jump on these forums to help and share some insights. Not looking to be hired, and not looking for work.

Don't hand out staff invites or give admin password to forum members unless absolutely needed. In most cases the help you need can be handled without that.


★ http://freakdesign.com.au ★
Zipacna
Tourist
10 1 3

This is an accepted solution.

It because of the way you fixed the navigation to the top. The quickest fix would be adding top margin the the section-header. Adjust it how you like.

.section-header {
    margin-top: 50px;
}

Let me know if that works!

tamita
Tourist
3 0 0

Thank you Jason for your time and advice. It seems it worked now. Have a nice day! 

0 Likes
tamita
Tourist
3 0 0

Thank you so much for your knowledge. @Zipacna 

The code worked perfectly fine, very much appreciated.

Have a nice day!

0 Likes