Need Help Collapsing Title For Phones

WJMcIntosh

Hi Everyone.

I am so sorry if this has already been covered ad nauseam, but I tried searching and probably wasn't using the right terminology.

I upgraded to the new Smugmug a while back and while I love most of the features, the one glitch that I can't seem to fix is that the title on my home screen collapses on top of itself on small handheld devices, i.e., all of the words are on top of each other. It looks fine when viewed horizontally, but if the phone is held vertically, the three words in my title occupy the same space rather than pushing the words further down the screen.

Is there an easy fix for this that I am missing? Apologies for missing what I am sure is something obvious.

My site is at: http://www.williammcintoshphotography.com

Thanks!

-Bill

tomnovy

Hi Bill,

Please add this CSS line to your Theme { Customize - > Customize Site - > Theme tab - > ADVANCED - > CSS }:

.sm-page-widget-logo .sm-page-widget-logo-text.sm-page-widget-logo-m {
line-height: 30px !important;
}

This should solve the issue.

WJMcIntosh

Thanks so much for your help, Tomnovy . Unfortunately, I'm still having the same issue. It's also gotten worse since I changed the font and size of my Header. It still looks great on the computer and on the iPad, but on the phone, the lines are still on top of each other, and now it says "menu" where my tabs should be and the share icons are way too high as well. Again, no issues with the computer or iPad, only on the phone. Any more thoughts?

-Bill

annnna8888

Bill, you set the Line height in your logo content block to 3 px. Deleting that should allow your logo to show correctly (in three lines) on small phone displays.

Ana
SmugMug Support Hero

WJMcIntosh

annnna8888 wrote: »

Bill, you set the Line height in your logo content block to 3 px. Deleting that should allow your logo to show correctly (in three lines) on small phone displays.

Ana
SmugMug Support Hero

Thanks Ana and Tomnovy for your help!

Ana - That did the trick.