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

25 1 7

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



Reply 1 (1)
Shopify Partner
5931 537 1241

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;

Save time & money ,Ask Questions The Smart Way

Confused? Busy? Get the solution you need

Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to