Title: Full Width Page
Last modified: August 24, 2016

---

# Full Width Page

 *  [deebosom](https://wordpress.org/support/users/deebosom/)
 * (@deebosom)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/full-width-page-18/)
 * Help!
    I would like to know how to make my page full width, including the side
   bar. I am a novice so … will need descriptive details. Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Maruti Mohanty](https://wordpress.org/support/users/marutim/)
 * (@marutim)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/full-width-page-18/#post-6005060)
 * Hi D
 * to do this, while publishing/editing page, under **page attributes**, in **template**
   choose **full width** and update the page.
 * This will do the trick 🙂
 *  Thread Starter [deebosom](https://wordpress.org/support/users/deebosom/)
 * (@deebosom)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/full-width-page-18/#post-6005088)
 * Thank you for your response! This is for my home page though. I have a static
   home page for now, and when I change that page to full width, it removes my side
   bar. I want the side bar and home page of my website to be full width like the
   demo as opposed to a lot of space on either side. Can you help with that?
 *  Thread Starter [deebosom](https://wordpress.org/support/users/deebosom/)
 * (@deebosom)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/full-width-page-18/#post-6005092)
 * Also if you notice the search widget on the right … the field and the box labeled
   search are stacked, where on the sample they are on one line.
    How can this be
   fixed?
 *  [Maruti Mohanty](https://wordpress.org/support/users/marutim/)
 * (@marutim)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/full-width-page-18/#post-6005146)
 * Hi D
 * The space is same as in the demo, only prob is it looks compact in the customizer
   look. Here is the link to another demo from the theme’s site
    [http://demo.athemes.com/hiero/](http://demo.athemes.com/hiero/)
 * Still you can increase the width of the container to fill in the whitespace, 
   presently it is 980px
 * use the following css
 *     ```
       .container {
           width: 1080px;
       }
       ```
   
 * or something you would like.
 * Now to make the search field and button in one single line, use the below css
 *     ```
       .site-sidebar .widget_search .search-submit {
           font-size: 13px;
           width: 24%;
       }
       ```
   
 * Please make all the changes using a [child theme](https://wordpress.org/support/topic/full-width-page-18/www.sourcexpress.com/wordpress-child-themes-use/?output_format=md)
   or by using a [custom css plugin](https://wordpress.org/plugins/simple-custom-css/),
   so that the changes you do remain preserved even after theme updates.
 * Thanks
 *  [Robin Labadie](https://wordpress.org/support/users/robin-labadie/)
 * (@robin-labadie)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/full-width-page-18/#post-6005284)
 * Hi there,
 * Thanks for your solution Maruti, i just did :
 *     ```
       .container {
           width: 1440px;
       }
   
       .site-sidebar {
       	width: 180px;
       	float: left;
       	margin: 0 0 0 -300px;
       }
       ```
   
 * With Simple Custom CSS plugin.
    But i lose responsiveness. 🙁 Would you have 
   any key to solving this please ?
 * EDIT : OK, i’m new to that. I had to copy the whole CSS to my CSS editor…
 * Now another issue : on my Nexus 5, the page is half cropped (in vertical position),
   which is annoying… I mean the right half is blank and i have to zoom in to get
   a non perfect result. Any way to correct that in css ? I suppose yes… But i’ve
   been trying stuff for 30 mins with no luck.
    Also, it’s not perfectly fullscreen
   neither when in landscape position.
 *  [Adam IVY](https://wordpress.org/support/users/adam-ivy/)
 * (@adam-ivy)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/full-width-page-18/#post-6005285)
 * Hello, I used the following css to increase my page width and it worked great
   on the desktop but wrecked the mobile. Here’s the css and my site:
 * [http://handpaintedabstracts.com](http://handpaintedabstracts.com)
 * .container {
    width: 1080px; }
 * Is there a fix that’ll allow for the expanded desktop page while keeping the 
   mobile at the same width?
 * Also, is there a way to remove the sidebar from posts as well as pages. The theme
   only allows for full width pages.
 *  [Maruti Mohanty](https://wordpress.org/support/users/marutim/)
 * (@marutim)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/full-width-page-18/#post-6005290)
 * Hi Adam,
 * I checked your site and the container is still at 980px.
 * can you send us screenshots of the the issue that you face when the container
   is set to 1080px.
 * If you are willing to removing sidebars throughout the site and use a full width
   template, use the following css
 *     ```
       .site-content {
           margin: auto;
       }
       .site-sidebar {
           display: none;
       }
       ```
   

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Full Width Page’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/hiero/1.8.4/screenshot.png)
 * Hiero
 * [Support Threads](https://wordpress.org/support/theme/hiero/)
 * [Active Topics](https://wordpress.org/support/theme/hiero/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/hiero/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/hiero/reviews/)

## Tags

 * [full-width](https://wordpress.org/support/topic-tag/full-width/)

 * 7 replies
 * 4 participants
 * Last reply from: [Maruti Mohanty](https://wordpress.org/support/users/marutim/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/full-width-page-18/#post-6005290)
 * Status: not resolved