Tagged: enfold, logo, menu, responsive
Hello!
On mobile and tablet, the mobile slide out menu covers the logo. I’ve been through the forums and tried all of the different code combinations of people with similar problems but I can’t resolve the issue. Help please?
This is the code I tried:
@media only screen and (max-width: 428px) {
.responsive .logo a, .responsive .logo img {
max-width: 75%;
height: auto !important;
margin-top: 5px!important;
}}
My site: fmitk.com
Screenshots:
http://cl.ly/image/0D3k3q431D1j
http://cl.ly/image/3L312B2R3617
Thank you!!
Hey itsholly!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) {
.responsive .logo img {
width: 200px!important;
}}
@media only screen and (max-width: 767px) and (min-width: 481px) {
.responsive .logo img {
max-width: 70%!important;
}}
Cheers!
Yigit
Perfect!!! Thank you Yigit!