New Landing How can we help? Cardinal Normal and Retina Logo on mobile Screen

Viewing 11 posts - 1 through 11 (of 11 total)
  • Posted in: Cardinal
  • #134294
    Lars
    Member
    Post count: 91

    Hi,

    I have a Problem with the Normal- and Retina-Logo at the Tablet- and Phone-size. I use the Header-Layout No. 4.

    My Normal-Logo is 135 x 90 Pixel.
    My Retina-Logo is 270 x 180 Pixel.

    I set the Logo Max Height to 90 Pixel.

    The Retina-Logo looks perfect on my Retina-Screen when it comes to the Desktop-Size. When I resize to Tablet- and Phone-Size the Retina-Logo gets bigger to 270 x 180 Pixel and overlapps the header. On my Normal-Screen is everything ok.

    What is the Problem?

    In the attachment you find two screenshots. Both are take from the Retina-Screen. Like I said: The Desktop-Size is ok. The Tablet- and Phone-Size not.

    Best Regard Lars

    Attachments:
    You must be logged in to view attached files.
    #134313
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Are you using the latest version of the theme?

    – Kyle

    #134316
    Lars
    Member
    Post count: 91

    Yes. Version 1.93

    #134317
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Could you provide me with a link so I can check it?

    – Kyle

    #134319
    Lars
    Member
    Post count: 91
    This reply has been marked as private.
    #134322
    Lars
    Member
    Post count: 91

    I figured out that the problem is in Chrome.

    I use: Version 39.0.2171.71

    #134324
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this to your custom css:

    #mobile-logo img.retina {
    max-height: 90px;
    }

    – Kyle

    #134327
    Lars
    Member
    Post count: 91

    Works. Thank you, Kyle!

    #134330
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Great, no problem

    #137963
    prlng
    Member
    Post count: 6

    I am having the same problem with the logo on mobile.
    On desktop I need it to be 140px x 140px
    On mobile it should be 100 px x 100px

    How can I do this with custom CSS?

    #138083
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,

    @prlng
    – I have resolved it so please check it now.
    Thanks
    Mohammad

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register