I am trying to figure out how to make the logo stay left justified and also not have it increase in size. Problem is, it’s a landscape logo and the mobile menu icon is overlapping the logo and I can’t have that. Can you help me with fixing this?
Hi bryanpeck!
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: 100%;
height: auto !important; }}
@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 80%;
height: auto !important;
float: left;
}}
and you have following code in Quick CSS
@media only screen and (max-width: 480px) {
.responsive .logo img {
height: 20px !important;
}}
please remove it.
Cheers!
Yigit