Section is not clickable

[oturnbough]

How can I make an entire section, or row, or column clickable?

[oturnbough]

I tried this:

It did not work:

How to make divs, columns and rows or sections clickable?

Hi @verobeachmarketing, Thanks for reaching out! To make the rows, sections, columns, or divs clickable, just change the HTML tag from <div> to <a> in the setup area. [image] Then add the link, in the link area. Hope that helps.

[marc_a]

Hey Otha,

Thanks for reaching out!

Would you mind sharing your admin credentials so that we can check on your setup properly? To do that, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password

You can find the Secure Note button at the bottom of your posts.

Thank you.

[oturnbough]

Here is the url I’m trying to have a clickable section.

[oturnbough]

I tried the below link as well, can you explain why neighter is working

How to make an entire section clickable?

Hey. I’v recently set up the landing/home page for my site and would like to make the three bottom sections clickable anywhere within the section. How would I set this up? example - Read / Explore / Learn

[prakash_s]

Hello @oturnbough,

Thanks for sharing the login details I went ahead and checked your site it seems that you have set multiple anchor tags inside the anchor tag for example you had added anchor tag with JS, and element as well.

I have cloned your setup and added the section with the link. Please have a look at the section. I have kept on the hidden mode. You can go to the section —>customize —>Unhide the Breakpoints.

Thanks

[oturnbough]

Ok so it looks like you fixed it by adding the JQuery, is that correct. Is that how you make the section clickable, what did I do incorrectly?

[oturnbough]

I see that its fixed but im not sure how you did it. Can you elborate more on what you did.

[prakash_s]

Hello @oturnbough,

I followed these steps to fix it.

1. Set the Section default HTML tag as <section>
2. Set the Row default HTML tag as <div>
3. Set column default HTML tag a anchor <a>

4. Remove the section ID that you have added so that your JS doesn’t work

Please note you can not have multiple anchors inside the anchor tag. You can also remove the JS that you have added there is no need for the JS code on the page that you have added.

Thanks

[oturnbough]

Thanks sooooo much!

[prakash_s]

Hello @oturnbough,

Glad that we were able to help you. Please feel free to open a new thread if you have any more concerns.

Thanks