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!
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