Make content area fill all space

Support Area Forums Umami Make content area fill all space

This topic contains 1 reply, has 2 voices, and was last updated by  Bill Robbins 3 years, 5 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
URL to the page in question:
  • Author
    Posts
  • #35868

    Goran Milic
    Participant

    Great answer Bill. I was wondering, is it possible to move content of the page across the screen, to be positioned in the middle of the screen? In that case we will be able to use the whole screen for content.Using the code above we prolong the black see through background, but we are still using fraction of the whole screen. I believe that I already saw Umami websites with such modification, but I am not able to find them now.

    Thank you Bill in advance.

    #35875

    Bill Robbins
    Moderator

    Hi Goran,

    You could make the content area full width. In the Custom CSS, this is the snippet to do that:

    
    @media only screen and (min-width: 768px) {
    
    	#wrap {
    		width: 100%;
    	}
    	
    	#content {
    		width: calc(100% - 300px);
    	}
    
    }
    

    See how that works for you.

    Take care,
    Bill

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

The topic ‘Make content area fill all space’ is closed to new replies.