Support » Theme: Lodestar » How to reduce gap of header and content on mobile view

Viewing 3 replies - 1 through 3 (of 3 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi there, see how this works for you.

    @media screen and (max-width: 959px) {
    	.site-content {
    		padding-top: 40px !important;
    	}
    }

    This is a bit tricky as the category page behaves differently than the training diary page does. This seems a pretty good compromise.

    Thank you Sir, much appreciated.
    That worked, I also added this to get the home page to clear the gap on mobile.

    @media screen and (max-width: 959px) {
    .site-content {
    padding-top: 40px !important;
    }
    }
    @media screen and (max-width: 959px) {
    .home .site-content {
    padding-top: 0.5px !important;
    }
    }

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Woohoo, looking good and you are welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to reduce gap of header and content on mobile view’ is closed to new replies.