[tonybreadtagParticipant]

Hi
Ethos 1
I previously had my homepage at full width and my sidebar appeared on the right on all other pages and posts. I seem to have lost this and I don’t know how.

There seems to be only one place in ‘customization/layout and design’ for ticking content L Sidebar R below site layout boxed.

But I didn’t have the sidebar on the homepage previously.

How can I remove the sidebar on the homepage but retain it on other pages and posts?

Regards
Tony

[CharliePryorParticipant]

Hi there @tonybreadtag,

You likely had the sidebar as a “Default” (which is what you have in Customizer > Layout and Design”). This would have made all newly created pages (or any pages with the “Default” page template selected) have a sidebar. Your home page likely incorporated “Blank – Container” or “Blank – No Container” Page templates, which do not include a sidebar.

You can control the page template you apply on a per-page basis. You’ll find the Page Template selectable in the “Page Attributes” area underneath the Publish box in the backend editor of that page – or, in Cornerstone, in the Settings area (fourth tab), inside the “WordPress Settings” section. Save the changes with the page template you wish to use for the page, and watch the sidebar vanish before your eyes! 🙂

Hope that helps,

– Charlie

[ThaiModerator]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks for sharing Charlie

[tonybreadtagParticipant]

HI Charlie and staff

My URL is http://breadtagsagas.com

I can’t do Charlie’s suggestion though it is simple and what I’d like to do.

1 Because my front page is not accessible in pages (can I make it into a page?) and I don’t want a static front page.

2 I’ve tried to do the reverse by making all my pages as: Layout – Content Left, Side bar Right. But when I go into ‘Appearance/Layout and Design’ and change to Full-width all my pages and post archives are full-width.

I’m sure there must be a simple way to do this! As I’ve said repeatedly, I’m very new to this and learning!

Kind regards

[ZeshanMember]

Hi Tony,

Thanks for writing in!

You can achieve that using following CSS code under Custom > CSS in the Customizer:

/* Fullwidth Main and no Sidebar on Homepage */
.home .x-main {
    width: 100% !important;
    float: none;
}

.home .x-sidebar.right {
    float: none !important;
}

Hope this helps. 🙂

Thank you.

[tonybreadtagParticipant]

This reply has been marked as private.

[FriechModerator]

Hey There,

Your desired site layout can be achieve with in Customizer to make all the pages have a sidebar, set the Content Layout under Layout and Design tab to Content Left, Sidebar Right. Also make sure that the page is using the Content Left, Sidebar Right layout, because it can override the layout that you set on customizer.

Now to make the blog page(home) full-width under the Blog tab set the Layout to Fullwidth.

About the second issue, that is because out of three pages its the “Navigation support” page is the only page you set as the child of “About” page. I can see that on the URL http://breadtagsagas.com/about/navigation-support/

Hope this shed some lights, Cheers!

[tonybreadtagParticipant]

Hi

Thank you fantastic!

1 I initially did not think it had worked but it was the ‘full width’ on on the blog page (home) that did the trick. I initially did not think that the right side bar was retained on the other blog pages but it is!

Could you explain (if possible) why if I leave the setting on Global content layout: a. the sidebar appears at the bottom of the page on the Left and if I delete the second half of the customize CSS statement above in this thread it appears on the right.

2 Just so many things but so easy once you explained it!

Thank you so much!!!!

[ChristopherModerator]

Hi there,

Do you mean this code?

/* Fullwidth Main and no Sidebar on Homepage */
.home .x-main {
    width: 100% !important;
    float: none;
}

.home .x-sidebar.right {
    float: none !important;
}

Because this code hide sidebar on right side and if you set sidebar on left side it would display at the bottom of page since main container have 100% of width , To hide sidebar on both side change the code to this :

.home .x-sidebar {
    float: none !important;
}

Hope it helps.

[tonybreadtagParticipant]

Thank you. I think it does make sense. I’ll test it out.

All the best

[ThaiModerator]

Great to hear. Let us know how it goes!

[cgranthdParticipant]

Hi,

I am building a test page at .com/home-3 currently and want to remove it from this page only before bringing it live to the homepage. What do I need to change to the code listed above to accomplish this?

Thanks

[ThaiModerator]

Hi @cgranthd,

Would you mind providing us with your website URL so we can take a closer look?

Thank you.

[cgranthdParticipant]

I cannot provide this information unfortunately as it is an internal only facing site. Please let me know if there are any workarounds.

Thank you

[LelyModerator]

Hi There,

To do that, please replace .home from the CSS with your current page class.
For example, this is your page link: http://theme.co/x/demo/integrity/1/pages/about/. Inspect element and get the page class like this:http://screencast-o-matic.com/watch/cDne1VhL9Z
Page class is page-id-414. CSS declaration would be:

/* Fullwidth Main and no Sidebar on Homepage */
.page-id-414 .x-main {
    width: 100% !important;
    float: none;
}

.page-id-414 .x-sidebar.right {
    float: none !important;
}

.page-id-414 .x-sidebar {
    float: none !important;
}

Hope this helps.

[Author]

Posts