How to turn elementor section into clickable button

javascript css wordpress elementor

if you know how-to and it's through javascript you can do it this way:Drag and drop HTML widget-> insert your js between script tags.

I recommened using html in your footer(made with elementor) so the script will be available in entire site.

javascript css wordpress elementor

I managed to find a way to do so without any plugin or js, just CSS:

First we need to set a minimum height for our Section/Column (I set 50vh);

then we have to add an element which has link/a tag (e.g. Title Widget) and set a CSS class for that (in my example .mhdizmni_title);

now we have to write a bit of css:

.mhdizmni_title a:after {content: "";display: block !IMPORTANT;position: absolute;height: 50vh;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;}

CodeHunter