Return to Support

Header image does not resize properly on mobile device

Home Forums Graphene WordPress theme Support Header image does not resize properly on mobile device

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #48763
    crosseydlobster
    Participant

    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

    #48797
    Syahir Hakim
    Keymaster

    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.