How to change left/right padding for header (mobile only).

Hello!

I created my website on desktop version and adjusted the left and right padding for the header using custom CSS at 200px. When I go to my mobile version, it affects this as well and pushes my logo and menu button too close together. (See images below). Is there a way to change the left and right padding on my mobile site to push the elements further from each other and closer to the edges without affecting the desktop version?

Thank you!

Site password is greenesite13 if needed.

Try this,

Put your code between the brackets :

@media screen only and (max-width: 640px) {code goes here}

@Simplymarble That worked! Thank you so much!