Responsive Fancy Heading Problem
in Other
On my website http://www.mgbiologicals.com/ 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): http://www.wetru.st/i/Image_001_08-12-2015_10-08-51.png
Mobile view (incorrect): http://www.wetru.st/i/Image_001_08-12-2015_10-08-25.png
What is the fix for this?
Desktop view (correct): http://www.wetru.st/i/Image_001_08-12-2015_10-08-51.png
Mobile view (incorrect): http://www.wetru.st/i/Image_001_08-12-2015_10-08-25.png
What is the fix for this?
Comments
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.