Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hey there, Im having trouble with my image banner. my goal is to display it just under the announcement bar, and have the menu buttons and my logo overlay it in the same postion. Not sure if this would be displayed as image banner or some custom code in the header. cant find a solution online, let me know your thoughts thanks.
In the image you can see I have just an open black space which I want filled in by the image banner.
@NorthHos , try this
Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file theme.liquid.
Step 3. Add this code above </body>
<style>
sticky-header.header-wrapper {
position: fixed!important;
width: 100%!important;
background: transparent!important;
}
</style>
If our suggestions are useful, please let us know by giving it a like, marking it as a solution.
BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
My theme.liquid doesnt have </body> this is the closest thing:
@NorthHos, try putting this
sticky-header.header-wrapper {
position: fixed!important;
width: 100%!important;
background: transparent!important;
}
here
It will look like
....
@media screen and (min-width: 750px){
body {
font-size: 1.6rem;
}
}
sticky-header.header-wrapper {
position: fixed!important;
width: 100%!important;
background: transparent!important;
}
{% endstyle %}
If it doesn't work you can find the file: theme.css or base.css or app.css,... and put it to the end of file
If our suggestions are useful, please let us know by giving it a like, marking it as a solution.
BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
The header is transparent, but its just background.
I need to have the image banner display in the header section, or brought up in the header tab without even being an image banner. The question is how would I go about this, and what code would be needed in case I have to source the gif in the header section of the website editior?
I appreciate the help.
@NorthHos, Can you share your url store ? I'll help you better
If our suggestions are useful, please let us know by giving it a like, marking it as a solution.
BSS: B2B Wholesale Solution |BSS: B2B Portal, Quote, Net 30 | B: B2B Lock Password Protect
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Hello @NorthHos,
Please share your storefront password.
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024