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?
Learn 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, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025