Hello,
Thanks for the topic.
1. Please find this code in Theme Options > Styling > Custom css:
.header-color-dark .menu-wrapper .menu>li.current-menu-item>a:after,.header-color-dark .menu-wrapper .menu>li>a:hover:after,.header-color-dark .menu-wrapper .menu>li>a:after {
background-color: #651fff;
margin-top: 8px
}
and change the color value.
2. Please add this code in Theme Options > Styling > Custom css > Global custom css:
@media only screen and (max-width: 992px){
.et-header-full-width .header-wrapper .navbar-toggle {
right: 3px;
}
}
3. You may add this code in Theme Options > Styling > Custom css > Custom css for mobile:
.fixed-header .container {
padding-top: .6em;
padding-bottom: .6em;
}
.fixed-header .header-logo img {
max-width: 70px !important;
}
.fixed-header .navbar-toggle {
right: 5px;
}
or disable Fixed header in Theme Options > General > Header Settings > Fixed header type.
Regards