Adding a Line between Logo and Navigation menu sections

Solved
thomasmrgn99
Excursionist
22 0 6

Hi,

A bit of a weird one,

But would like to know if it is possible to add a line between the logo section, and the navigation menu section, like in the following image:

Screenshot 2021-07-06 at 15.19.54.png

 

 

 

 

 

This is my shop: pawcopets.co.uk , on debut

 

Any help is much appreciated 

Cheers, Tom

Akibhusen
Excursionist
195 36 68

HI @thomasmrgn99 ,

 

Just add the below CSS at the starting of your theme.css file. You can find this file in your assets folder.

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

 

Just a small note, add the css immediate after this line: @charset "UTF-8";

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
dmwwebartisan
Shopify Partner
7292 1721 2292

This is an accepted solution.

@thomasmrgn99 

Please add the following code at the bottom of your assets/theme.css file.

 

@media only screen and (min-width: 750px){
nav#AccessibleNav {
    border-top: 1px solid #ececec;
    margin-top: 15px;
}
.site-nav--centered{
margin-top: 18px !important;
}
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
thomasmrgn99
Excursionist
22 0 6

@dmwwebartisan  Amazing. Worked great thanks.