NOTE: The below screenshots are of the FitnessDirect child theme we also sell but the steps will be exactly the same for BeWell
How to configure the transparent header
The transparent header is configured by adding the class top-banner onto the row.
Step 1 - Create a new row at the top of the page
For this example, I will just place a Heading module into this new row, as per below.
Step 2 - Add a background to the row
Step 3 - add the class top-banner to this row in the ADVANCED tab
As per below, edit the row and then click on the Advanced tab and add the class top-banner and it will automatically bring this row under the header and add the padding.
The final result
Here's what it will look like once completed. You just repeat this on any page you want a transparent header on.
