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!
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024