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