Scale mobile logo responsive size | ww.wp.xz.cn

Resolved Morbius
(@philbenson)

6 years ago

Hi,

Great plugin! Simple to use except I can’t find where I can change the responsive CSS so that my logo will automatically change in size. I have my logo’s height and width set in the front end but when I go to see it on my phone, my logo is very distorted! Is there a simple CSS tag I could enter or could you direct me to where I could find it and edit it through your hard files?

Thanks!

The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

Manuel Rocha
(@manuelrocha88)

6 years ago

You can make use of the CSS @media Rule and apply a custom css to the div.logo-box > img to get it right for different screen sizes.

If you have a minute, please leave a review. It’s what keeps support going. Thank you 🙏 https://ww.wp.xz.cn/support/plugin/maintenance/reviews/#new-post

Thread Starter Morbius
(@philbenson)

6 years ago

Thanks for the super quick reply Manuel! Worked like a charm! For anybody else out there who needs this code…

@media only screen and (min-width: 200px) and (max-width: 670px) {
div.logo-box > img {
display: block;
width: 100%;
height: auto;
}
}

Works great for mobile and tablet devices!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Scale mobile logo responsive size’ is closed to new replies.

Tags

2 replies
2 participants
Last reply from: Morbius
Last activity: 6 years ago
Status: resolved