Tagged: logo, responsive
I recently updated the version of Enfold and since then, the logo is not working correctly on ipad or mobile-sized screens. The logo looks fine on a desktop but becomes distorted when I resize the screen to a smaller size.
Do you know how I can fix this?
Thanks,
Erik
Hey Erik!
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: 88%;
height: auto !important;
margin-left: 0!important;
}}
Then please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
Regards,
Yigit
Perfect – thank you!