Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 24, 2015 at 1:12 am #478021
    marinamcdonagh

    Hello!

    Thanks for the Enfold theme! I really like working with it!

    I made a site for a client and when she views it on Firefox the header logo portion is squeezed up. ( my view on firefox is okay )
    I have made custom settings for the logo area – when I view the site on Safari, the logo is squished up.

    .logo img {
    height: 187px;
    width: 1310px;
    }

    Can you please help me figure this out, so it will be consistently GOOD looking.

    July 24, 2015 at 5:26 pm #478313
    Elliott

    Hi marinamcdonagh!

    Your logo image is way too big so on smaller screens it’s going to run off the side of the page. You can set it’s width to 100% of the screen and it’s height to auto but then it’s going to be so small it’s not noticeable. There just isn’t a way to get such a large image to display nicely on small screens.

    This CSS will help a bit though.

    .logo { width: 100% !important; }
.logo img { width: 100% !important; height: auto !important; }

    Regards,
    Elliott

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.