Change the color of only the area within the red square?

Store Design
, ,
1

is there a way to change the color of only the area within the red square? i want the part of the header outside of the square to be the current color.

Screenshot 2023-11-08 at 18-13-20 GoActiveShop.png
Screenshot 2023-11-08 at 18-13-20 GoActiveShop.png2559×839 239 KB

shop: https://cyhh8eav6ridyrl8-66895675693.shopifypreview.com

Thanks!

2

Hi @memikee If you need this customization fleshed out then contact me by mail for services.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Contact info in signature.

The nav bar is surrounding by a header element and can’t expand the full width of the page.

So you can color the nav elements background only without getting into more advanced CSS that’s needs to be tinkered with.

You can see this by using a custom-css setting and the following Band-aid CSS:

nav.header__inline-menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: red;
}

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css