Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 19, 2020 at 12:43 am #1194272
    smarta-brett

    I have put quite a few CSS combinations into General styling but can’t seem to get my logo to display full size
    – with no additional CSS it displays proportional but smaller than the original & a little smaller than I’d like

    original size of the image is 900 x 138
    when I do
    .logo img {
    height: 138px;
    width: 900px;
    }
    the logo displays distorted (condensed)

    Note- I still want the logo to re-size to fit responsive

    can someone help me out

    • This topic was modified 4 years, 9 months ago by smarta-brett.
    March 19, 2020 at 7:44 am #1194323
    Rikard

    Hey smarta-brett,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    March 19, 2020 at 10:07 am #1194347
    smarta-brett

    sorry! …..see
    https://jennysyoga.com.au/
    the logo is displaying smaller than the actual size of 900 x 138

    if it displayed full size i think it would look a lot better
    I tried doing custom header size but the logo still stayed small
    also tried several CSS options with no luck

    March 20, 2020 at 4:10 am #1194666
    Rikard

    Hi,

    Thanks for that. I think you have to adjust the size of your header, try 150 pixels for example under Enfold->Header->Header Size. Then you can add CSS like this:

    @media only screen and (min-width: 991px) {
span.logo {
    width: 900px;
}
}

    Best regards,
    Rikard

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