When looking at my website on a mobile phone, the link button is covering part of the logo. My website is still in development and can be viewed at http://69.195.124.120/~localsp4/. How can I fix this?
I am not the official support but you could try to add to the mobile section of your custom.css:
.responsive .logo, .responsive .logo a, { height: 50px !important;}
to the mobile section of your custom.css
or in the quick CSS:
@media only screen and (max-width: 767px) {
.responsive .logo, .responsive .logo a, { height: 50px !important;}
}
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 80%;
height: auto !important;
margin-top: 10px!important;
}}
Regards,
Yigit
Logo looks great now. Thanks!