Introduction
The option to make an entire column clickable to a link has been only achieved by using custom code in the past. The Container solves this by allowing the use of an “a” HTML tag to link the entire contents.
Steps
- To make any container clickable, first select the “a” option from the HTML tag dropdown selector. A link option will then appear below.
- Enter the desired URL using the https:// in the field or use the dynamic options by clicking the stack icon.
- You may also choose to open the link in a new tab, add a nofollow, or add additional custom attributes.
Note: When linking a container, the child elements within the container should NOT be linked themselves. Nesting <a> tags will cause issues. Please unlink any child elements before applying a link to the container.
Next Steps
Now that you’ve learned how to make containers clickable, it’s time to learn more about another great container feature – the benefits they provide for responsive design.
To get the most out of Elementor, check out the Elementor Academy for helpful learning resources. If you come across any issues or need help, please contact our Support Center.