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

PJCASEY
Tourist
4 0 0

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

 

 

 

 

 

 

 

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! 🙂

Replies 3 (3)

Ecommpremium
Shopify Partner
512 43 93

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

- Did we solve your issue? Like & Mark As Solution to help the community
- SKYPE: ahsanaliawan
- 300+ Video Tutorials
-Website
PJCASEY
Tourist
4 0 0

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
Tourist
4 0 0

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

Thank you for your help @Ecommpremium .