-
Hi,
I implemented this code taken from another thread to make the container clickable:
.gb-container.linked-container .gb-inside-container {
position: relative;
}.gb-container.linked-container a:before {
content: “”;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
}However, only the post title is clickable. Not sure why this is
P.S. I added an example link in Private Info
-
Hi there,
It’s clickable with no issue.
However, you do not need this CSS or container links, the headline block itself is clickable.
-
Hey,
Sorry for not being clear. I want the whole container to be clickable, not just the headline, which is why I added that code.
-
I want the whole container to be clickable, not just the headline
It is the case, the container is clickable.
You can also use a button block instead of the headline block if you want the icon also be clickable.
-
Hi,
I think I’m struggling to explain it properly, I’ve added a red square around the container that I need clickable, is that whole container clickable on your end?
It is what I am trying to achieve, to make this entire container clickable
-
Oh you mean those containers? But they don’t have the
linked-containerclass, I was referring to the menu items in the slideout navigation.
https://app.screencast.com/UJZ2XFmF6IcS0 -
Hi Ying,
I cleared the cache and it does have the linked-container class, but the container is still not clickable :/ please check the new image link
-
Hi there,
Try adding this CSS as well:
.gb-container.linked-container .gb-headline { position: initial; z-index: 10; } -
Adding that code worked thanks so much!
-
You’re welcome!
- You must be logged in to reply to this topic.