Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 19, 2014 at 4:40 pm #226256
    blendside

    Hi,

    If I check my recently created website on mobile or make my browser really small, the header logo gets cut off by about 80 px (on the end). I’m using the preferred logo dimension width of 340 px.

    I’ve tried to use some solutions of former topic titles, but unfortunately it does not work for my website.

    Do you have a quick solution?

    cheers

    February 19, 2014 at 4:45 pm #226259
    Yigit

    Hi blendside!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 480px) {
.logo img { max-height: 70px!important; }}

    You may need to adjust the value. Or you can post the link to your website and we can provide you more accurate custom CSS code

    Best regards,
    Yigit

    February 19, 2014 at 4:52 pm #226266
    blendside
    This reply has been marked as private.
    February 19, 2014 at 5:11 pm #226280
    Yigit

    Hey!

    Please change the code i have previously posted to following one

    @media only screen and (max-width: 480px) {
.logo img { max-height: 64px!important; }}

    Cheers!
    Yigit

    February 19, 2014 at 5:23 pm #226293
    blendside
    This reply has been marked as private.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Logo cut off width on mobile’ is closed to new replies.