Home>Support>WooCommerce page row full width not working

WooCommerce page row full width not working

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello

I have a perfectly functioning website besides my one shop page. I have used the page builder to add a large banner to the top of the page, but it seems like it doesn’t let me make it full width although I have all settings set the row to full width. Help is appreciated. Not sure if I should also post this to the WooCommerce forum.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 11 months ago Private Message - ALittleHelpOverHere

    This is a private message.

  2. 8 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Kevin,

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  3. 8 years, 11 months ago Kevin Kliimask

    Website: http://puumeister.ee/titebond-liimid/
    As you can see, the banner on top of the page is not full width, but it should be.

  4. 8 years, 11 months ago Alex S
    Hi, I Work Here

    Hi Kevin,

    That image doesn’t seem to be added by Page Builder. Due to how it’s set up I won’t be able to resolve this without using custom CSS. Please navigate to WP AdminAppearanceCustom CSS, and you’ll get our custom CSS editor. Please add the following CSS:

    .post-type-archive-product #content-core {
    	max-width: none !important;
    }
    
    .post-type-archive-product #content {
    	padding: 0 !important;
    }
    
    .post-type-archive-product .page-description img {
    	width: 100%;
    	height: auto;
    }
    
    .post-type-archive-product .page-description p > span {
    	display: block;
    	text-align: center;
    }
    
    .post-type-archive-product .products {
    	max-width: 1140px;
    	margin: 0 auto !important;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More