How to add additional buttons to the Fullwidth Header module on your home page

How to add additional buttons to the Fullwidth Header module on your home page

First watch Video #1: https://www.loom.com/share/dd1abb9a4c3444e699712445f1401a40
Then watch Video #2: https://www.loom.com/share/dff1ceaa16d44034b3780d2b4099a643

And you will need the following codes:

Add this to the text area in your Fullwidth Header module for each button you want to add:
<a href="#geschichte" class="et_pb_more_button et_pb_button et_pb_button_extra">Geschichte</a>

Add this to the Custom CSS area in Dashboard -> Divi -> Theme Options (on the main tab, scroll all the way down):
.header-content .et_pb_button_extra {
float: left;
}
}
.header-content .et_pb_button_extra {
margin-right: 13px;
}
.et_pb_button_extra{
font-size: 18px;
font-family: Arial;
background-color: #BBD8DB;
color: black!important;
border-color: black!important;
}