How do I make a Flexbox Container clickable?

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

  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.

Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email
Was this article helpful?

Related content

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page