Change Header Image Size

Home Forums Freedom Free Change Header Image Size

This topic contains 5 replies, has 3 voices, and was last updated by  Nima 5 days, 20 hours ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1335147

    making
    Participant

    I would like to be able to reduce the header image size by about 50%. It should still be centered, and I would like the site width to remain the same.

    The page I need help with: http://whiteriverbirth.com/

    #1335499

    Nilan
    Moderator

    Hi Making,

    To reduce the header image size, please add the following CSS to your custom css.

    .wp-custom-header {
        border-bottom: 1px solid #BAE2DC;
    }
    
    .header-image-wrap {
        width: 500px;
        margin: 0 auto;
    }
    
    .header-image {
        border-bottom: none;
    }

    You can reduce the header image size as per your need by making an adjustment on width of .header-image-wrap.

    Hope this is helpful to you. If there is anything else you need please let us know.

    Regards,
    ThemeGrill Support

    #1336549

    making
    Participant

    Hello!

    Thank you for this suggestion. Unfortunately, the code you supplied ends up making the header image non-responsive.

    How can I reduce the size of the header image while retaining responsiveness?

    *mk

    #1336682

    Nilan
    Moderator

    Hi making,

    Please try the CSS code below to resize the header logo in responsive device.

    @media screen and (max-width: 768px) {
    	.header-image-wrap {
    		width: 250px;
    	}
    }

    Regards,
    ThemeGrill Support

    #1336764

    making
    Participant

    That did the trick! Thanks very much – I really appreciate the quick & expert support.

    If there’s a way to mark this as resolved, please do.

    #1337014

    Nima
    Moderator

    Hi making,

    Nice to know your query is resolved.
    Please, help us to improve by rating our theme in the below link:
    https://wordpress.org/support/theme/freedom/reviews/?filter=5

    We would really appreciate.
    And please let us know if you have any other issues.

    Regards!
    ThemeGrill Support Team

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

You must be logged in to reply to this topic.