The button looks the same to me desktop and mobile.
If you want to add some color to the menu on mobile, the “hamburger”, to make it match your button color, try this on line 4242 of your CSS:
.genesis-nav-menu.responsive-menu .menu-item,
.responsive-menu-icon {
display: block;
background: #0493b1 !important;
}
It makes the little menu bar loyelblue. You can do just the text to blue as well and retain the black background with this at line 4252:
.genesis-nav-menu.responsive-menu li.current-menu-item > a,
.genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
.genesis-nav-menu.responsive-menu li a,
.genesis-nav-menu.responsive-menu li a:hover {
border: none;
display: block;
padding: 20px;
text-transform: none;
color: #0493b1 !important;
}<!--formatted-->
If you want the blue menu bar, you need to change the text to perhaps white in 4252 or they are the same and wash out.
All the menu stuff is in the @media section, which fires up when screen size goes below 767px
(@media only screen and (max-width: 767px)).
The buttons should not change color when size is reduced. Cache perhaps?
EDIT: worked on desktop and with shrinking screen, not on Iphone. I had to go out/in on the phone to reload, and yes, your button is showing up blue on my phone. Nice job!
.
