Support » Theme: Alizee » Picture of the header doesn’t resize on mobile

  • Hi,
    Do you think it is possible to resize the picture of the header, so it can be displayed like on the PC?
    On mobile, the picture is cut.
    Thank you for your help.
    Muriel

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi,

    I think you want to keep showing the person in the picture in all screen size, correct?
    If yes, you can add this CSS code below to Customize > additional CSS:

    
    
    @media (max-width: 1024px) and (orientation: landscape){
    	.site-header:after {
        	background-position: 70% -11% !important;
     }
    }
    @media (max-width: 1024px) and (orientation: portrait){
    	.site-header:after {
        	background-position: 70% -3% !important;
     }
    }
    @media (max-width: 900px){
    	.site-header:after {
        	background-position: 75% 85% !important;
     }
    }
    @media (max-width: 768px){
    	.site-header:after {
        	background-position: 75% -10% !important;
     }
    }
    @media (max-width: 500px){
    	.site-header:after {
        	background-position: 81% -40% !important;
     }
    }
    

    Hi @arhakim,
    Thank you so much. It is exactly what I want.

    Thanks!
    Muriel

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Picture of the header doesn’t resize on mobile’ is closed to new replies.