[hoiung]

Hi,

On mobile mode and even on desktop mode at times, the padding above and below each content section needs to be made bigger because the menu has a tendency of covering the titles!! This usually occurs most when scrolling back upwards.

How can I add padding to either each or all sections this?

For example of this problem can be seen here: https://spring.chillzouk.com/#section5

Kind Regards, Hoi

[Skandha]

@hoiung: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.navigation-classic .site-navigation a {
	padding:26px 13px !important;
}

Let me know if this solves the issue.
Kind Regards,
Skandha

[hoiung]

That didn’t do much to help it. the header still covers the content. Would be better if we could make extra padding to the top and bottom of each section.

[Skandha]

@hoiung: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.section-heading-wrapper {
	padding-top:50px;
}

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts