Shopify themes, liquid, logos, and UX
Hi,
I'm trying to make my annoucement bar transparent but nothing works. The site's url is stridedrinks.com.
Solved! Go to the solution
This is an accepted solution.
Hi @stride,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
div#shopify-section-sections--22799632531782__announcement-bar {
position: absolute;
width: 100% !important;
}
#shopify-section-sections--22799632531782__announcement-bar .utility-bar--bottom-border {
background: transparent !important;
}
.scrolled-past-header sticky-header {
top: 0px !important;
transition: all .3s ease;
}
.section-header .header-wrapper--border-bottom {
top: 20px;
transition: all .3s ease;
}
This is an accepted solution.
Hi @stride,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
div#shopify-section-sections--22799632531782__announcement-bar {
position: absolute;
width: 100% !important;
}
#shopify-section-sections--22799632531782__announcement-bar .utility-bar--bottom-border {
background: transparent !important;
}
.scrolled-past-header sticky-header {
top: 0px !important;
transition: all .3s ease;
}
.section-header .header-wrapper--border-bottom {
top: 20px;
transition: all .3s ease;
}
Thanks!! It works 🙂
You're welcome! @stride
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025