header padding mobile

Site URL: https://www.darrenstatman.uk/

Hello,

I have added padding on my header for the desktop version.

When I switch to mobile, it looks like this (as it's applying the same padding as the desktop version) 

Is there a way to make the padding only affect the desktop version?

Thank you

Put the CSS padding within a media query like this:

@media only screen and (min-width:750px) {
  add your css here
}

Ah amazing! it worked thank you! 

1 hour ago, LCerdaDesignHelp said:

Ah amazing! it worked thank you! 

Not a problem, glad to help!