Header on mobile is off

The header on the mobile version of my website has a gap on all of my pages except my home page. I would like the header on the other pages to show the same as they do on my home page. I have tried switching the page template to front page and full width, but it keeps adding the sidebar even after I have removed all the widgets. I have already followed the directions here How to remove sidebar in Sydney - aThemes Knowledge Base.

Can you explain how I can remove that header space on all the pages except the home page on mobile version.

The images are from the following URLS

homepage: https://www.vividlightingservices.com/
service page: Deck & Patio Lighting Installation | The Experts Who Elevate Your Backyard | Rancho Cucamonga


Hi,

Thank you for contacting us. I am happy to help with your queries.

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 767px) {
      body:not(.home) .page-wrap,
      body:not(.home) .page-wrap .content-wrapper {
        padding-top: 0 !important;
      }  
    }

Regards,
Kharis
aThemes Support

That worked! Thanks so much :slight_smile:

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support