Make a Flexbox container clickable

Introduction

Making an entire column clickable in WordPress can be challenging. Containers, however, can incorporate an “a” HTML tag, making the entire container clickable. Website visitors clicking this container will be taken to the link specified in the “a” tag.

Steps

1. To make any container clickable, first select the “a” option from the HTML tag dropdown selector. A link option will then appear below.
2. Enter the desired URL using the https:// in the field or use the dynamic options by clicking the stack icon.
3. 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.