Seeking a solution to add three lines of color below the header on the Prestige theme. We have been using an older version of the theme and discovered that the updates changed the theme enough that the previous method is no longer useable.
Previously:
- added this below in the header.liquid file
- added this to base.css
/** color lines under header */
.strip>div{
height:6px;
border: 0;
}
.stripA{
background-color: #d95032;
}
.stripB{
background-color: #f28705;
}
.stripC{
background-color: #f2b705;
}
.header-wrapper--border-bottom {
border-bottom: 0 !important;
}
Base.css is now theme.css, no issue there.
However, we are unable to locate in any files. We looked within the section header.liquid, we looked in in header-group.json, and in various other files. We even did a global search in the code editor and did not find. Our assumption is that this is not liquid code that auto-generates the ending for header.
Thoughts?
Current website to see the three color bar we are using: https://www.amclassic.com/
Test website: https://29bsbsm2ose8gjl5-50973442205.shopifypreview.com in case you want to see how it lays out. Here’s the quick view of the page:



