Navigation Pro – pic captions in mobile view are overlapping

[advena]

Hi everyone!

I started adding captions to photos and noticed in mobile view (on iphone) the lines are overlapping some and do not allow clear reading.

Does anyone have a fix for this I can add in my custom CSS in the customizer?

Much thanks in advance for any assistance!

https://ourgoldroad.com/home-sweet-taiwan/

[Brad Dalton]

Looks like its a problem with autoptomize and the line height set at .6 https://www.w3schools.com/cssref/pr_dim_line-height.asp

You can change this to fix the problem. I changed the value to inherit. You could also add this rule within a media query.

.wp-block-image {
    line-height: inherit;
}

There might be another way to fix it but that worked for me in the browser.

---

Tutorials for StudioPress Themes.

[advena]

Thanks, Brad, for your super quick response!

That was a quick fix!

[Brad Dalton]

oh it worked! awesome.

---

Tutorials for StudioPress Themes.

[Author]

Posts