Display full-width pages


Note :This snippet works only with the Classical style option. The Classical style option can be enabled in Appearance > Customize > Advanced > Theme Style. More about the theme style option here


Last Reviewed: 24-Aug-15 (3.4.6) 3.3-3.4.*

A common request on the Support Forum is for information on how to change the page width to full-width.

Customizr is designed to have the main content limited to 1170px in desktop mode, so you might have some visual problems with the images, which should be partially solved with the centering images feature in Customize>Global Settings>Image settings.
GS0018_Image_Center
This solution was posted by Rocco (@d4z_c0nf) and deployed successfully by Users.

Where to copy/paste this code?
As this requires both CSS and php coding, you must create a child theme to use it. Everything you need to know about creating a child theme with Customizr here.

Step 1: php coding

 

Step 2: CSS coding


Related Snippets you may also like


22 thoughts on “Display full-width pages

Comments are closed.