Shopify themes, liquid, logos, and UX
Hi there,
There is a strange padding between the announcementbar and the menu/logo. It's on all the pages.
Could someone help me with this?
Please add this code to theme.liquid file
<style>
@media (max-width: 767px) {
.header-wrapper {
width: 100%;
}
}
</style>
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Hello @Detailking
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
@media screen and (max-width: 767px) {
.header-wrapper {
position: relative !important;
}
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025