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

Store Design
1

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.

IMG_8210.jpg
IMG_8210.jpg828×429 28.7 KB

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! :slightly_smiling_face:

2

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

3

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.

4

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

Thank you for your help @Ecommpremium .