Hey!
I think here it would be good to use the menu bar to have a white bar underneath your menu.
Please go to "Customize" -> "Menu Style" -> "Menu Bar"
Uncheck "hide" and configure your menu bar as you like.
Then, instead of setting .row-inner to a color with your own css, please use the "set background" feature by right clicking on a row.
Does that solve the problem? I hope I understood the problem in the right way :)
If you don't want to do it this way, please use css in a different way:
.row:nth-child(0) .row-inner{
background-color: red;
}
Now instead of 0 you can put a different number into :nth-child(0) which selects a different row. If you combine this with the page selectors you can target certain pages. For example
body[data-type="project"][data-id="10"] .row:nth-child(0) .row-inner{
color: red;
}
actually with a new version of lay theme you can write:
body.type-project.id-10 .row:nth-child(0) .row-inner{
color: red;
}
which is a bit shorter