Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #81528
    Daan
    Member

    Is it possible to see the complete background image in every screensize? I want to use a name as background image, but it makes no sense to only see 2 letters on mobile. You can see what I mean on afslag7.nl.

    #81560
    Mahesh
    Keymaster

    Hi @Daan,

    Please add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

    @media screen and (min-width: 861px){
    	body.custom-background {
    		background-size: cover;
    	}
    }
    
    @media screen and (max-width: 860px){
    	body.custom-background {
    		background-size: contain;
    	}
    }

    Regards,
    Mahesh

    #81576
    Daan
    Member

    Great, thanks!

    Is it then also possible to reduce white space between the header and page title on mobile?

    #81611
    Mahesh
    Keymaster

    Hi @Daan,

    Please add the following CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

    @media screen and (max-width: 480px){
    	.site-branding {
    		min-height: 201px; /* Adjust as required */
    	}
    }

    Regards,
    Mahesh

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Background responsiveness’ is closed to new replies.