Change the background color of the second menu.

[Yulia2]

Hi there!

Maybe someone can help me. I have two main menus. They are separate from each other. This is not one long menu that continues on the second line. The second menu has a handle BRANDS. I would like to make a second menu-black text and white background.

The Theme Of Supply. The website https://glix.ru/

[Yulia2]

So I would like https://www.shophair.ru/

[tim]

Юля, попробуй добавить вот такой код в самый конец theme.scss.liquid

#AccessibleNav-Brands .site-nav--link {
    color: black;
    background: white;
}

#AccessibleNav-Brands {
    background: white;
    width: 100vw;
    position: relative;
    margin-left:calc(50% - 50vw);
    padding-left:calc(50vw - 50%);
    border-bottom: 1px solid #eeeeee;
}

Второе правило растягивает элемент на всю ширину окна, иначе получается белый прямоугольник на черном фоне.

[Yulia2]

That's cool! It's working! Thank you very much, I've been looking for a solution for weeks. You are a genius!