How can I create a line below the announcement bar on my website?

[OmniSneakers]

Hello, how can I add a line below the announcement bar? To show a seperation from the announcement to the things such as the menu.

https://omnisneakersofficial.com/

[Ujjaval]

@OmniSneakers
Change background color like this
add below css into your css file

@media (max-width:768px)
{
.wrapper.post-large--hide.announcement-bar--mobile {
    background-color: #18c6c7;
    margin-top: -2px;
}
}

[GemPages]

Hi @OmniSneakers ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved.

1. Go to Edit code on Online Store:

2. add my code above the tag on Theme.liquid:

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

[PageFly-Victor]

Hi @OmniSneakers

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

Hope this answer helps.

Best regards,

Victor | PageFly