This topic contains 5 replies, has 3 voices, and was last updated by  Skandha 1 month ago.

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

    Shieldmediaworks
    Participant

    I have a header image that has a figure on each side of the page and a black centre, when I minimize to view on cellphone the figures disappear and all I’m left with is the black middle, is there a way to have the image shrink appropriately?

    #159066

    sapana
    Participant

    @shieldmediaworks: Please post in your site Url so that I can look into those issues.

    Kind Regards,
    Sapana

    #159067

    Shieldmediaworks
    Participant

    Hi Sapana

    Thank you for wanting to look into this further, I am creating an adult themed website for my client. If this isn’t an issue for you the website address is http://www.wellingtonretreat.nz

    #159143

    Skandha
    Participant

    @shieldmediaworks: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (max-width:797px) {
    	.has-header-image .custom-header-media .wp-custom-header img {
    		object-fit:unset;
    	}
    }

    Let me know if this is what you want.
    Kind Regards,
    Skandha

    #159162

    Shieldmediaworks
    Participant

    Wow! This is so close, closer than I have been in days. The images look quite stretched is there a ratio thing happening? do I need to alter the height as well as the width? What would this look like when put in CSS?

    Thank you so much for your help, it is greatly appreciated.

    #159218

    Skandha
    Participant

    @shieldmediaworks: I don’t think you can do much with the images looking stretched on smaller screens. As the header image you have put has two figure on the right and the left side it will look stretched when you decrease the width of screen in order to adjust with the screen size.

    Kind Regards,
    Skandha

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

You must be logged in to reply to this topic.