I have made the following changes –
/* Align with the menu in mobile */
@media only screen and (max-width: 767px) {
#mobile-menu-toggle {
color: #FFF !important;
border-color: #FFF !important;
}
#mobile-menu-toggle {
top: 25px !important;
}
#site-logo {
top: 10px !important;
}
}
Since these changes were going into the child theme, I had to add the !important attribute to the styles. Support for multiple stylesheets is hard with child themes since the style.css of the child theme gets loaded first prior to any additional stylesheets we load along with style.css.