Home Forums Azuma Pro how to change image heights in header?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #13272
    zalesakl
    Participant

    You are trying to resize the height of the image in the header on your website http://www.badmintonvelka.cz  please tell me how to do it? Thank you

    #13274
    Andy
    Keymaster

    Add this custom CSS at ‘Appearance’ > ‘Customize’ > ‘Additional CSS’

    /* larger screens */
    .entry-header.with-image,
    .archive-header.with-image {
        min-height: 30rem;
    }
    
    /* mobile screens */
    @media (max-width:768px) {
        .entry-header.with-image,
        .archive-header.with-image {
            min-height: 20rem;
        }
    }

    Change the min-height values to change the height.
    You can use px instead of rem if you prefer e.g. min-height: 400px

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.