Perfect! Thanks for your help!
Hi Bogdan,
Thanks for your help and your patience. The line works for the home page, but not for the other pages. Any suggestions? What could be the reason for the home page to react differently to the other ones, which still show the retina version of the logo?
I’ve now added this line:
.td-header-style-10 .td-header-sp-logo img {
width:130px!important;
}
Not sure if that’s an elegant solution and I do not understand why the other line doesn’t work for us. Thanks for your help though!
Jenny
Hi Bogdan,
we cleared the cache and tested it on different devices (all kinds of laptops and browsers of people who’ve never been to those websites). We’re 100 % sure, that it’s not a caching problem.
We are using header style 10 – which is supposed to show the bigger version of the logo on all displays, but want it to show the smaller version (width: 130px) on retina displays. This is why we’ve followed the instructions in your documentation for header style 10 (https://forum.tagdiv.com/logo-favicon/) and added the line .td-logo { width: 130px; } to the custom CSS. This line is doing what it’s supposed to do with newspaper version 6.7, but after updating the theme to 7 it does the following: change the logo width to 130px on the home page ONLY and moves it to the left side of the page. On all other sides of the page, it still shows the bigger version on retina displays. Here you can see how it looks on a retina screen: http://www.screencast.com/t/zbk526pSwXBf.
So the problem here is, that we are using retina displays. Retina displays show the bigger version of the logo – non retina display (which you probably have) show the smaller version of the logo. I assume that you have a non-retina display as this is why you only see the correct version or let’s say the non-retina size of the logo.
So the question is: What do we have to do to display the logo with the width of 130px on retina screens.
Best regards
Jenny
Hi Bogdan,
Thanks for your quick reply. We’ve tried with different laptops + web browser, and for us it always looks like this: http://www.screencast.com/t/zJFYGsfet
We would like it to always show the smaller version of the logo (irrespective of retina display or not).
What could be the problem? Thanks again, Jenny
Thanks for your answers. We are not using Jetpack or Photon.
It’s kind of strange. We just checked our website on 4 different iPads. On two of them everything is fine and on the other two the images are blurry. I tested not only our blog but also some other blogs using the newspaper theme including the theme demo.
It was the same with all the blogs: On two iPads it’s fine and on two other iPads it’s blurry. Maybe it has something to do with the version of the iPads.
I have the same problem after updating to WordPress 4.1 and the newest version of the theme and visual composer. Any ideas?
I have the same issue after the latest update.
