Header image does not resize properly on mobile device

  • crosseydlobster

    #48763

    before the last update, the header image responded appropriately on both desktop and mobile devices. Since the most recent update the header image now displays very very small on mobile devices. Desktop version is fine. Something you might want to go back and look at. http://www.everydayphotoclass.com

    Admin

    Syahir Hakim

    #48797

    Your header image have a very wide aspect ratio. The theme now fits the header image to the screen size, no matter what the screen size is (i.e. responsive). That is why it appears to be very small.

    You can adjust the sizing on mobile using this CSS code:

    @media (max-width: 767px) {
    #header img {
        width: 200%;
        margin-left: -50%;
        height: auto;
    }
    }
    

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

  • You must be logged in to reply to this topic.