What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Image Banner link not working - Refresh Theme

Solved

Image Banner link not working - Refresh Theme

kronen-p0ps
Excursionist
34 0 2

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. 

Accepted Solution (1)

GemPages
Shopify Partner
5625 1262 1254

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

GemPages_0-1672893163047.png


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

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 6 (6)

JabirKhan
Shopify Partner
75 7 16

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.change.png

-Use the new day to learn something new that you enjoy. Happy Coding.
- If you find my reply helpful, please hit Like and Mark as Solution
kronen-p0ps
Excursionist
34 0 2

 

 

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.change.png


 

JabirKhan
Shopify Partner
75 7 16

Follow Gempages suggestion.  He is much more experienced in solving these kind of issues.

-Use the new day to learn something new that you enjoy. Happy Coding.
- If you find my reply helpful, please hit Like and Mark as Solution

PageFly-Victor
Shopify Partner
7865 1786 3120

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
    }

PageFlyVictor_0-1672848729810.png

 

 

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly 

GemPages
Shopify Partner
5625 1262 1254

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

GemPages_0-1672893163047.png


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

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
kronen-p0ps
Excursionist
34 0 2

Thank you for the support!