Mobile Header Formatting - How can I bring the Header manually up a few pixels for Mobile Only?

[PJCASEY]

Hello everyone! 

Currently, my website is getting a facelift (finally). However, I'm running into an issue with the mobile website. The desktop/fullscreen custom elements are working great there, but they're translating quite poorly over onto mobile. 

Attached is the photo (trimmed of course) of the website's header. Notice how the underlying element is... poking above the header. I don't understand why this is happening. I've tried my hardest to move the picture element further down, but nothing happens! So, is there a way to move the white header up a few pixels so that the white header and the blue top-header touch one another, in order to rectify this? 

Thank you and looking forward to seeing your replies! 🙂

[Ecommpremium]

Hi @PJCASEY  i am here to help you out please provide store URL so I can help you out!

[PJCASEY]

Take a look here.

On desktop and tablets, it works fine. However, doing said on mobile just doesn't work well.

Thank you for your help. 

[PJCASEY]

Check out the website here. It works on desktop and tablet, but not on mobile.

Thank you for your help @Ecommpremium .