Button is not clickable

[danbentonsmith]

Hi, I have a button that is only visible on mobile view: http://take.ms/A9N67
But although this button has a link is not clickable. Do you know why?

Also the pink background has a massive space between the bottom of the image and the bottom of the background, I have tried many height settings for this background but cannot get this background to end just underneath the image. http://take.ms/WcDQE
Any suggestions?

Thanks

I have left login details in a secure note if it helps…

[ruenel]

Hello @danbentonsmith,

Thanks for writing in!

1.) Your button is not clickable because a certain container is staying on top of it. Please edit your header and make sure that that the bar container or the bar itself is on top layer which must have a z-index of at least 9999 or more.

2.) The space below your image is because of the height of your bar settings. You set it to 800px and this is visible in smaller screens as well. You may need to adjust and decrease to 600 or less.

Hope this helps.

[danbentonsmith]

Hi thanks for your reply, to address each answer individually;

1.) - this did not work

2.) - I have already tried adjusting the height but as soon as I select a height less than 800px it pushes the image on top of the text above it.

Thanks

[rad]

Hi @danbentonsmith,

Thanks for reaching out.

It’s because of the negative margin applied to the container where the image is. And it’s equal to the applied height which is -800px.

Unfortunately, the container has no z index feature, so please add this CSS to the container’s Element CSS (container where the button is).

$el {
  z-index: 9999999999;
}

As for space, the height is fixed and means it’s not responsive. It may appear correct to the view where your height setting is based on. But may appear wrong on other views. How about using just a single container on that mobile hero bar? It’s no use using multiple containers since it’s vertical (single column). Then define the height just enough for the content height.

Thanks!

[danbentonsmith]

Hi, thanks for your help with both of these issues, very much appreciated!

Regards
Dan

[friech]

We are delighted to assist you with this.

Cheers!