Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #156204
    hoiung
    Participant

    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

    #156260
    Skandha
    Keymaster

    @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

    #156358
    hoiung
    Participant

    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.

    #156397
    Skandha
    Keymaster

    @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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘make padding larger for content section’ is closed to new replies.