Menu & Title logo to push content down on mobile


I’m looking to see if anyone can help me to get Sydney Pro to ‘push down’ the content directly below it when on mobile, so it doesn’t overlap.

Currently, when you go on a mobile the site logo and menu button cover the content immediately below it. Would anyone know of the CSS to resolve this?

I’ve tried a few work arounds from other forums but nothing has been able to solve it just yet.

My website link is

Any help is greatly appreciated!


Just checking your site and is it only in the frontpage?
to fix it, you can apply these css code below:

@media only screen and (max-width: 991px){
  .site-header {
    background-color: black;

  .page-template-page_front-page .page-wrap {
    padding-top: 130px;