Support » Theme: Olsen Light » Theme width on desktop

Theme width on desktop

  • obi55

    (@obi55)


    5 years ago

    How can one make the main page content to be same size as the theme-Page itself. For example using CSS to increase the main page content (body.home.page) size moves the contents to the right thereby pushing it out of sight. It seems the easiest way would be to remove the right-hand column so that will enable the page contents to increase its size to match that of the navigation width etc… Is this correct? And how does one remove the column?

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Fotis

    (@markwaregr)

    5 years ago

    You will need to add some custom CSS to achieve this.
    Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this 

    
.home #site-content .col-md-8{
 width:100%;   
}
.home #site-content .col-md-4{
 display:none;   
}

    in the box. This will remove the sidebar and make the content full width. You will notice that now your featured image sizes are not filling the screen!

    Thread Starter obi55

    (@obi55)

    5 years ago

    Thank you for the answer but I wished it was correct. While it increases the page content, it moves it to the right of the screen. Thereby being way off. This CSS code moves the “site-content” to the right of the screen.

    Thread Starter obi55

    (@obi55)

    5 years ago

    Never mind, I fixed it by changing the page template format in “Page Attribute” to “Default Template”..

    Thank you for the assistance.

    Fotis

    (@markwaregr)

    5 years ago

    Glad you worked this out!
    Please mark this thread as resolved!

    Bet Regards

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Theme width on desktop’ is closed to new replies.

Views