Need Help Collapsing Title For Phones

WJMcIntoshWJMcIntosh Registered Users Posts: 3 Beginner grinner
edited November 8, 2014 in SmugMug Customization
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

Comments

  • tomnovytomnovy Registered Users Posts: 1,101 SmugMug Employee
    edited October 27, 2014
    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.
    SmugMug Support Hero | Customizer | My SmugMug site - http://www.photom.me | Customization Portal - https://portal.photom.me
  • WJMcIntoshWJMcIntosh Registered Users Posts: 3 Beginner grinner
    edited November 7, 2014
    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
  • annnna8888annnna8888 Registered Users, Super Moderators Posts: 936 SmugMug Employee
    edited November 7, 2014
    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
    Ana
    SmugMug Support Hero Manager
    My website: anapogacar.smugmug.com
  • WJMcIntoshWJMcIntosh Registered Users Posts: 3 Beginner grinner
    edited November 8, 2014
    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. :)
Sign In or Register to comment.