Tiny logo size in mobile phone view

ltcsf · May 2016

Hello,

the logo looks good everywhere - computer, ipad / tablet, except on the vertical phone view - looking on an iPhone specifically - the logo shrinks to a teeny tiny size. Can you give me the CSS to change this? I would like it to be the width of the screen with just bit of padding on left and right.

http://longtermcareinsurancesanfrancisco.com/

Thanks

Albert · May 2016

Hi,

the logo is smaller on mobile because got padding around it. It is necessary for most possible configurations. However, if you don't need it, you can remove it for mobile devices with the following css:

@media only screen and (max-width: 767px) {
    .header-plain #Top_bar .logo #logo { padding: 0 !important; }
}

ltcsf · May 2016

That worked. Thank you!

Albert · May 2016

You are welcome

Tiny logo size in mobile phone view

Comments