Responsive Fancy Heading Problem

marylee2319 · August 2015

On my website [Links visible only for registered users] I have a page that is using the Fancy Heading and when it is viewed on a phone screen the words that make up the heading are smashed down tight on top of each other instead of wrapping on the screen.

Desktop view (correct): [Links visible only for registered users]

Mobile view (incorrect): [Links visible only for registered users]

What is the fix for this?

Albert · August 2015

Hi,

it's because you reset line height for the fancy heading title. It's because of below css:

.fancy_heading .title { line-height: 0 !important; }

instead of 0 should be 40px.

marylee2319 · August 2015

Ahhh... thanks for your help on this.

Albert · August 2015

You're welcome

Comments