This topic contains 4 replies, has 2 voices, and was last updated by  Sakin 1 month ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #156959

    Hans
    Participant

    Hi reader,

    Is it possible to change width of the sidebars and keep the main content centered on the page.
    If I change the witdh of the right sidebar or the with of the main content, the content moves to the right page side.
    I tried to add css, but I failed.

    Kind regards

    Hans Hagmeijer

    #156971

    Sakin
    Keymaster

    @toerfiets: Ok try adding following css in “Appearance => Customize => Additional CSS” box:

    @media screen and (min-width: 1200px) {
    	.content-area {
    	    width: 840px;
    	}	
    	.site-main {
    	    width: 540px;
    	}	
    	.sidebar.sidebar-secondary,
    	.sidebar-primary {
    		width: 300px;
    	}
    }
    
    @media screen and (min-width: 1360px) { 
    	.content-area {
    	    width: 960px;
    	}
    	.site-main {
    	    width: 620px;
    	}
    	.sidebar.sidebar-secondary,
    	.sidebar-primary {
    		width: 340px;
    	}
    }
    #156972

    Hans
    Participant

    Thank you for prompt answering Sakin.
    I will try this.

    Kind regards

    Hans Hagmeijer

    #157032

    Hans
    Participant

    Hi Sakin,

    This worked fine. Thank you for helping.

    Kind regards

    Hans Hagmeijer

    #157056

    Sakin
    Keymaster

    that’s nice it’s working. Cheers 🙂

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

You must be logged in to reply to this topic.