All things Shopify and commerce
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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!