Logo customization in the mobile version

[Andriy Naumov]

Hi, how can I reduce the logo in the mobile version and for the tablet so that the logo fits in a red frame?
https://prnt.sc/qt84xp
My site is here: uplace.club

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.logo img { max-width:35%; margin-top:20px !important;}
}

Regards,
Dave

[Andriy Naumov]

Thank for your help, David

Now its done but in tablet version logo still to big also.
How I can fix it?

https://prnt.sc/qtds5l

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (min-width:480px) and (max-width:1024px) {
.logo { width:20%;}
}

Regards,
Dave

[Author]

Posts