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!
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024