Adding a Line between Logo and Navigation menu sections

22 0 6


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: , on debut


Any help is much appreciated 

Cheers, Tom

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.

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
Shopify Partner
7292 1721 2292

This is an accepted solution.


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;
margin-top: 18px !important;


Hope this works.


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

@dmwwebartisan  Amazing. Worked great thanks.