All things Shopify and commerce
I have a slideshow that i want to merge into header above i.e i want slideshow as background in header section as well
Solved! Go to the solution
This is an accepted solution.
Hello @Vishavjit ,
You can follow these steps:
1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid file, paste the below code before </body>
{% if template contains 'index' %}
<style>
div#shopify-section-header {
position: relative;
}
.header-wrapper {
position: absolute;
width: 100%;
background: rgb(255 255 255 / 26%);
}
</style>
{% endif %}
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Hello @Vishavjit ,
Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?
Kind & Best regards,
GemPages Support Team
This is an accepted solution.
Hello @Vishavjit ,
You can follow these steps:
1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid file, paste the below code before </body>
{% if template contains 'index' %}
<style>
div#shopify-section-header {
position: relative;
}
.header-wrapper {
position: absolute;
width: 100%;
background: rgb(255 255 255 / 26%);
}
</style>
{% endif %}
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Hi!
Is it possible to make the same with the footer? Like a fixed homepage without scrolling down or up
Thanksss 🙂
It work. However, on mobile device, i cannot click onto my mobile hamburger menu navigation. If i click the hamburger, the url of slideshow will trigger and lead me to product page. How to fix it?
Edited: Now even the desktop header menus are not clickable. Look like the slideshow is in the way.
It still shows a very low opacity white square on the header. Is there anyway to fix that?
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn 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, 2025