A quick tutorial about activating bottom arrow in Matrix Themes
In some Matrix themes that come with fullscreen image hero, the bottom arrow is displayed by default and you don't need to do anything.
In other option you can display the bottom arrow by adding a helper class 'has-btm-arrow' as
- variable in hero image;
- helper class in custom widgets;
You add 'has-bottom-arrow' to the variable in order to display the hero image and it's caption
<var> has-draggable-hero color-white g-font has-btm-arrow </var>
You can display the same arrow in any fullscreen custom widget by adding the helper class 'has-btm-arrow' to the first code line of Widget/HTML:
<div class="is-matrix-block is-fullwidth bg-secondary has-btm-arrow">
Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, no sea takimata sanctus est Lorem ipsum dolor sit amet. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet. sed diam voluptua.
The arrow is not clickable and it only indicates to scroll down the section.