Buy me a coffee

Make a section clickable

To make a section clickable, you can follow these steps:
#1. Edit the section where you want to make it clickable > Add a Code Block > Use this code.
Replace /who-we-are with a real URL, eg: https://google.com

<a href="/who-we-are" class="section-clickable"></a>

Make A Section Clickable 01 Min

Here is just an example

Make A Section Clickable 02 Min

#2. Add this code to the Custom CSS box

/* section clickable */
a.section-clickable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.code-block {
    position: static !important;
}

 

 

#3. Add this code to Code Injection – Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $('section.page-section').each(function() {
    var cr = $(this).find('a.section-clickable');
    $(this).append(cr);
});
</script>

Make A Section Clickable 04 Min