- This topic has 3 replies, 2 voices, and was last updated 6 years, 9 months ago by
.
-
Posts
-
Hi,
Mobile header logo doesn’t display well.
I have added CSS (provided by Tom on a separate thread) to improve my logo for retina display.
the CSS for the standard logo is:
.header-image {
width: 240px;
height: 122px;
}I want to do the same for the Mobile version. I have created a new logo to work over black background/menu background colour, but no matter what I do, still shows distorted.
The current logo I have uploaded, has the same size as per above CSS w240px h122px. Still, it shows distorted, stretched out.Can you please help me? See here: http://prettynicewebsite.com/paul/
Lead Developer
Try adding this CSS:
#mobile-header .header-image { height: auto; }Hi Tom, thanks for your help. The logo looks to size now, but very blurred. I fixed this issue by adding a bigger size, then reducing it within WordPress media options.
Thanks for your help. I’m going to leave this option out.
No problem 🙂
- You must be logged in to reply to this topic.