All things Shopify and commerce
Hi guys,
I have linked my banner image to a collection, but when testing it doesn't seem to do anything? Not sure where I am going wrong.
My store is kronen-p0ps.co.uk
I had this working previously but was advised to make a couple of changes to stop the banner messing up my drop down menu.
Solved! Go to the solution
This is an accepted solution.
Hello @kronen-p0ps ,
It's GemPages support team and glad to support you today.
I would like to give you the recommendation to support you so kindly follow the steps below:
1. Go to Online Store > Theme > Edit code of your current theme
2. Open your theme.liquid theme file
3. Paste the below code before </head>
<style>
.slideshow .slideshow__slide > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 9;
}
</style>
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Hello Kronen,
You need to move the <a tag up some lines. As attached pic. The closing a tag </a> stays here it is now.
Hiya, thanks for the reply. Where in the files would I find this to change please?
@JabirKhan wrote:Hello Kronen,
You need to move the <a tag up some lines. As attached pic. The closing a tag </a> stays here it is now.
Follow Gempages suggestion. He is much more experienced in solving these kind of issues.
Hi @Kronen-P0ps,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file section-image-banner.css,
Step 3: Paste the below code at bottom of the file -> Save
.slideshow__text-wrapper.banner__content.banner__content--bottom-center.page-width.banner--desktop-transparent a{
position:absolute !important;
inset:0;
z-index:99999
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
This is an accepted solution.
Hello @kronen-p0ps ,
It's GemPages support team and glad to support you today.
I would like to give you the recommendation to support you so kindly follow the steps below:
1. Go to Online Store > Theme > Edit code of your current theme
2. Open your theme.liquid theme file
3. Paste the below code before </head>
<style>
.slideshow .slideshow__slide > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 9;
}
</style>
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Thank you for the support!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024