How can I stop the main logo image getting so small when resized for mobile?

Hi there,

I want the main logo to be 1.5 times bigger than it is when resized for mobile.
How can I do this please?

Thank you

 

Hi leosherlock,

Please paste the code given below in custom css.
(Appearance->Theme Options->Styling Options->Custom Css) of your dashboard.

Code:

@media only screen and (max-width: 768px){
.header_wrapper .logo_wrapper .logo img {
max-width: 80%;
width: 80%;
}
}

Thanks
Praveen

 

Thank you, but I need the logo to appear like logo2.jpg when it is resized please?

 

Hi leosherlock,

Please paste the code given below in custom css.
(Appearance->Theme Options->Styling Options->Custom Css) of your dashboard.

Code:

@media only screen and (max-width: 768px){
.header_wrapper .logo_wrapper .logo img {
max-width: 100%;
width: 90%;
}
}

Thanks
Praveen