[JHRS]

You should change four items,
1. color of the icon so that it will show up against your black background,
2. change the background of the icon to transparent
3. Change the link hover property to transparent
4. Get rid of link/hover borders

Steps 1 + 2

.simple-social-icons ul li a, .simple-social-icons ul li a:hover, .simple-social-icons ul li a:focus {
background-color: rgba(0,0,0,0) !important;
border-radius: 0px;
color: white !important;
border: 0px #ffcc33 solid !important;
font-size: 18px;
padding: 9px;
}

Steps 3 + 4

.simple-social-icons ul li a:hover, .simple-social-icons ul li a:focus {
background-color: rgba(0,0,0,0)!important;
/* border-color: #000000 !important; */
color: #ffffff !important;
}

[JHRS]

To move the "HVAC Services.." heading up add vertical-align:top to the css

@media only screen and (max-width: 800px)
style.css?ver=1.0.3:2054
.image-section .flexible-widgets {
padding-bottom: 80px;
vertical-align: top;
}

[JHRS]

To display the arrows, change their color to a color that will show up against the white background.

in your css look for this heading: and change from color:#fff, to color:black;

@media only screen and (max-width: 768px)
style.css?ver=1.2.2:2042
.site-header .genesis-nav-menu.responsive-menu .current-menu-item > a, .site-header .genesis-nav-menu.responsive-menu .sub-menu li a, .site-header .genesis-nav-menu.responsive-menu .sub-menu li a:hover, .site-header .genesis-nav-menu.responsive-menu .sub-menu, .site-header .genesis-nav-menu.responsive-menu > .menu-item-has-children:before, .site-header .genesis-nav-menu.responsive-menu > li:hover > a, .site-header .genesis-nav-menu.responsive-menu a:hover{
color:black;
}

[Author]

Posts