Fullwidth homepage

[karlhenriklundh 0]

How do I get a fullwidth homepage when the layout settings is set to one right sidebar? I have turned off (hide) the sidebar and set the page to fullwidth in the Meta settings on my homepage. but this does not work. You can view my site here while I try to solve the problem. I use Cart66 for the e-commerce. The site is in Norwegian. http://www.kunstfotogalleriet.no/wordpress/ Regards, Karl Henrik Lundh

[catrina 103]

Have you tried setting the design layout mode to full-width in Design Control?

[karlhenriklundh 0]

Yes, I have tried, but this does not work?

[catrina 103]

Ah, it's already full-width. Did you add widgets to the right sidebar enabled? A sidebar won't show if it's empty.

[karlhenriklundh 0]

I have added widgets to the right sidebar on the default pages (witch the site is based up on), but have set to "Hide primary sidebar" on the homepage. On the other default pages the widgets I have a shopping cart, ads, and newsletter subscription.

[catrina 103]

To make sure I'm understanding correctly: you want to hide the sidebar on the home page, but you want it to show on all other pages, and this sidebar you added widgets to isn't the primary sidebar?

[karlhenriklundh 0]

Yes, I want to hide the sidebar at the homepage (and clicked on Hide sidebar here and set Meta settings to Fullwidth layout). The primary sidebar is shown on several of the other pages, and here it is perfect with widgets. So there should be no primary sidebar on the homepage but this primary sidebar should show on other pages like this: http://www.kunstfotogalleriet.no/wordpress/kunstutleie/kunstutleiepriser/'>http://www.kunstfotogalleriet.no/wordpress/kunstutleie/kunstutleiepriser/ but on the homepage (http://www.kunstfotogalleriet.no/wordpress/) the image won't place itself to the right side. btw, you are an angel helping me out here

[Jenny 33]

It seems like the amount of menu items you have are stretching the page beyond the width you have set for the content (which is 960px). You can either change the content width at PlatformPro -> Layout Editor to a total width of 1150px (about the width of your current content) or you can add the below code to your custom CSS. I recommend changing it within the Layout Editor for easier changes in the future.

	.fullwidth #pagelines_content #column-wrap, .fullwidth #pagelines_content #column-main, .fullwidth, .fullwidth .wmain, #buddypress-page #container, .fullwidth #buddypress-page #container {
	    width: 1150px;
	}
	

[karlhenriklundh 0]

simple-mama, I have now pasted in your css in the Pagelines Custom Code section and reduced the number of items in the menu. I also removed the image and inserted it again, but the problem is still the same?

[kastelic 6]

This is strange, everything should resize correctly based on the width set in Layout editor. Have you tried deactivating all plugins?

[karlhenriklundh 0]

It's very strange. I tried to deactivate all plugins and remove all widgets, but this did not help. When remove the sidebar completely (site wide) and have only the main content area it works fine, the front image moves almost perfect to the right (app 1 cm from the right margin). Maybe this is something wrong with the code in Pageline. Fullwidth and hide sidebar (on the homepage only) only makes the content in the sidebar invisible.

[Kate 3]

Not sure what the cause of the "issue" is, (if it actually is one), but please add this in your Custom Code->CSS:

.home .fullwidth #pagelines_content #column-main{width:1150px !important;}

Also, the code that Jenny gave you you placed inside of the body tag... please don't do that. Instead, it should look like this when you're done:

body{}
	.home .fullwidth #pagelines_content #column-main{width:1150px !important;}

[karlhenriklundh 0]

Kate it looks perfect a big thank you to all of you