I'm having an issue with the slider logo we are using on the homepage. We love how it looks on the desktop, but the logo gets oddly small when rendered on a iPad screen. The issue is that the logo doesn't scale down in size at the same rate as the background image. When reducing the size of browser window, the logo suddenly becomes very small (around the iPad screen size) then actually gets bigger around the smart phone screen size.
In addition to wanting this to scale down at a consistent rate, I'd also like it to stay centered on the screen. What do I need to do?
Hello again,
I'm having an issue with the slider logo we are using on the homepage. We love how it looks on the desktop, but the logo gets oddly small when rendered on a iPad screen. The issue is that the logo doesn't scale down in size at the same rate as the background image. When reducing the size of browser window, the logo suddenly becomes very small (around the iPad screen size) then actually gets bigger around the smart phone screen size.
In addition to wanting this to scale down at a consistent rate, I'd also like it to stay centered on the screen. What do I need to do?
Thank you,
Stephen
Hi,
Please add the css code in the path: Appearance -> Theme Editor -> Style.css, please put it in the end of the file:
@media only screen and (max-width: 1024px){ .logointro img { width: 80%; } }Best Regards,
Jelly Team