Blurry Header Image

  • Author
    Posts
  • #143885

    Whenever I upload an image for my header it appears blurry despite it having the appropriate dimensions. I also can’t make the image responsive. When it appears on a mobile, my entire photo is cropped in a way that I don’t like. What would you suggest?

    The blog I need help with is shewearsaberet.com.

    #143920

    lelandf
    Theme Author

    Hi there,

    I see. We can fix this up with some Custom CSS.

    body .site-header {
        height: 0;
        padding: 28.857142857% 0 0;	
    }
    
    body .site-branding {
    	position: absolute;
    	top: 26%;
    }
    
    body .site-title {
    	font-size: 7vw;
    	margin: 0;
    }
    
    @media (min-width: 1400px) {
        body .site-title {
            font-size: 98px;
        }
    }

    Let me know how this works out for you.

    Best regards,
    Leland

    #144159

    lelandf
    Theme Author

    Hi there,

    It looks like this code has been applied so I’ll go ahead and mark this thread as resolved.

    Feel free to reply if you have any further questions about this.

    Thank you!

    -Leland

The topic ‘Blurry Header Image’ is closed to new replies.