Archived topic

Mobile header logo stretched out

3 replies · Started by Maria on July 22, 2017

Viewing posts 1–4 of 4

July 22, 2017 at 1:45 am #353131

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/

July 22, 2017 at 11:39 am #353262

Try adding this CSS:

#mobile-header .header-image {
    height: auto;
}

July 22, 2017 at 4:09 pm #353342

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.

July 22, 2017 at 9:18 pm #353397

No problem :)

This archived topic is closed to new replies.

Start building better websites today.