How do I add a hero section
In the admin menu, go to Design > Background, and click on the plus symbol to choose the desired background type.
In the background section, you can choose to use an image, slideshow, YouTube video, or simply a background color.
In Matrix Framework, this feature by default has a value height "0," which means it's not visible unless you add the variables tag.
- Select the page where you want to display the image background (Hero image).
- Add a module "Columns" to content section.
- Inside the "Columns," add the variable <var>draggable-hero</var>, and then click the "Save" button.
- Now, you should see the "Columns" module inside the background image. By adding content or just a "Spacing" module, you can resize the image height to your preference.
browser-frame
Additional options
Additional options for styling the Hero section are available in the Variables popup, where you can set the text color, enable fullscreen mode, and adjust other options.
browser-frame