Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #250787
    Henry Scullion
    Participant

    Hi, I’m having an issue with the Header image on my site being unresponsive across devices.

    It just stays the same regardless of device. I’ve tried applying the solution posted with the custom CSS from another user, however it has not worked (pasted below).

    URL – absolute-pants.com

    Can you please help?

    Thanks

    Henry

    .has-header-image .custom-header-media img {
    position: unset !important;
    padding-bottom: 0 !important;
    }

    @media
    screen and (min-width: 1200px) {
    .has-header-image .custom-header-media img {
    position: fixed !important;
    }
    }
    .custom-header-media {
    position: relative !important;
    }
    .has-header-image .custom-header {
    height: unset !important;
    }

    #250879
    Skandha
    Keymaster

    @hscullion: Hello there,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .home .custom-header {
    	min-height: unset;
    
    }
    .no-header-media-text .custom-header {
        min-height: auto;
    }
    .custom-header::before {
    	display: none;
    }
    .custom-header .custom-header-media img {
    	display: block;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #251042
    Henry Scullion
    Participant

    Hi Skandha, that’s great, it fixed the header image 🙂

    Is there any code I should remove as a result of adding this code?

    Is it possible to help with having responsive images in the main body of the site also as I’m having the same issue?

    Thanks,

    Henry

    #251079
    Skandha
    Keymaster

    @hscullion: Hello Henry, You don’t have to remove any code.

    I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
    https://wordpress.org/support/theme/simclick/reviews/#new-post
    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely
    appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

    Kind Regards,
    Skandha

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header Image Not Responsive Across Devices’ is closed to new replies.