How to add a horizontal line between logo and navigation menu in Dawn theme in the header

[rere14]

I need help adding a horizontal line in the header between my logo and navigation menu in the Dawn theme

[suyash1]

@rere14 - can you share your website link?

[rere14]

www.wowtique.shop

[suyash1]

@rere14 - like this?

[rere14]

yes but i would like it to be full width 

[suyash1]

@rere14 - full width is difficult as the header grid structure do not have any element on left and right side of the menu to add border to it

[rere14]

Okay, can you provide the code to what you had before?

[Moeed]

Hey @rere14 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
nav.header__inline-menu {
    border-top: solid 1px black;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[rere14]

Thank you! how would i be able to make it full width?

[Moeed]

Hey @rere14 

Remove the previous code and add the new code 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag.

<style>
nav.header__inline-menu {
    border-top: solid 1px black;
}
.header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
    width: 100%;
    text-align: -webkit-center;
}
</style>

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[rere14]

Thank you so much!

[Moeed]

I'm glad my solution worked for you! 🙂

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[suyash1]

@rere14 @Moeed 

this approach may create issues of spacing on some screens like this

[rere14]

i fixed it. thanks for pointing that out

[EliskaM]

Awsome! This really helped me. Thank you very much ❤️

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.