Hey @MarinaPetrovic do you know, how can I change only one (the first) menu item’s font’s color?
Topic summary
Changing Dawn theme navigation styling: users sought to set the menu color to #a01f1f and make the bar full width. Dawn is a Shopify theme; base.css is the main stylesheet, and header.liquid is the header template file.
Menu background vs text: initial CSS changed the header background or only text color. The working fix was adding to assets/base.css: .header__inline-menu{background:#a01f1f;} and, if needed for text, .header__menu-item span{color:#a01f1f;}
Full-width navigation: edit sections/header.liquid to remove the “page-width” wrapper (or replace the markup per newer Dawn versions). Then add in base.css: .header__inline-menu{width:100%; text-align:center;} Multiple users confirmed this achieved a full-width bar.
Single menu item color: a user shared CSS targeting position with nth-child, e.g., .header__inline-menu .list-menu li:nth-child(1) a{color:red !important;}. Others noted it may fail if menu order or HTML structure differs; URLs were requested for specific fixes.
Third‑party menu app: for Buddha Mega Menu, the working selector was li.buddha-menu-item:first-child a{color:#C51E3A;}, which solved one case.
Outcomes: several solutions confirmed (“worked”). Open items remain where users have side white gaps or need item‑specific colors in different structures. Images were shared but not essential to the solutions.