@creston-anees : It looks like there is some issue with the social icons on mobile devices. For a quick fix please login to your WordPress admin section.
Go to Appearance => Customize => Additional css and add the following css.
Regarding the hero content background image I will let you know soon
@media only screen and (max-width: 767px) {
#floating-social {
position: absolute;
left: 25px;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
top: 50px;
min-height: 82vh;
transition: min-height 0.3s;
}
#floating-social .social-navigation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#floating-social .social-navigation a {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
margin: 5px;
padding: 7px;
height: 44px;
width: 44px;
}
}
.
