Adding border line for fixed header on mobile. Debut Theme.

Solved
Excursionist
45 0 2

Hello everyone! My fixed header is white and so is the background of my theme. When I scroll through my site on my mobile, it overlaps and does not look great. Anyway I can make a border to outline the header for mobile? On my desktop it is fine.

 

Thank you for your continuous support!

 

Screenshot_20191017-210811.png

0 Likes

Success.

Shopify Expert
665 170 199

Hey @Konthy

This is Evita from On the Map

 

Add this code:

.site-header {
    border-bottom: 1px solid #000!important;
}

 

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
1 Like
Excursionist
45 0 2

Amazing! Thank you so much :)

0 Likes
Excursionist
21 0 3
Hello, sorry to hijack this thread. This is my first post on here so I’m not really sure how this works, sorry.
I’m having the exact same issue, but not sure what line to put the code on?
0 Likes