[TSchonenParticipant]

Hi

The blog sidebar is not showing on posts pages (although its there). I’ve followed the instructions, both in Customizer: Content Layout
Content Left, Sidebar Right

and then again in
Layout
Use Global Content Layout

The Sidebar shows up on pages but not on posts. It shows up on the blog index page though.
This is the blog index page:
http://www.protocol.global/insights/

however as soon as I click on a post the sidebar is gone.
I have checked under
Appearance
blog sidebar

and all the pages are added there.

Your help would be greatly appreciated!

[FriechModerator]

Hi There,

Thank you for writing in! There is a custom CSS on your site that makes the content container full-width and hide the sidebars.

Please look for this custom CSS and remove it.

.single .x-main {
    width: 100%!important;
}

.single .x-sidebar {
    display: none!important;
}

Let us know how it goes.

Cheers!

[TSchonenParticipant]

Wow – thank you for that! I had a feeling something was overriding it – I even spotted that in the source but had no idea someone put it in the custom CSS!

Thank you kindly!

[RahulModerator]

You’re most welcome. 🙂

If you have anything further to ask regarding the theme, kindly let us know. We’d be happy to assist you with that.

Thanks for choosing the X-theme.

[TSchonenParticipant]

Hi, yes indeed I do have a couple further questions if you could oblige:

1) The top nav bar is interfering with the page title in mobile layout. It seems the title wants to hide under the nav bar and I’m not sure how to fix that

2) the other challenge was styling the blog posts page. When I look at your demo’s they fit in the page width or the rest of the site whereas mine runs 100% now: http://www.protocol.global/blog-posts/youve-been-doing-customer-journeys-all-wrong-damnit-tom/

When I look at the styling of your demo templates, the sidebar looks much better http://demo.theme.co/integrity-1/standard-post-with-shortcode-goodies/

Is there a way I can choose from different layouts for the blog post page?

Thank you again
Thomas

[FriechModerator]

Hi Thomas,

#1 Thank you for writing in! The menu break into below the logo when the width of the navbar becomes narrower. You can resolve that with this custom CSS

@media (min-width: 980px) and (max-width: 999px) { 
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	padding-left: 12px;
    padding-right: 12px;
	}
}

The other thing is the masthead height is set to 0, masthead needs to have height because if its not the main content container will act like nothing above it. To resolve that, look for the custom CSS below and remove.

.masthead {
    height: 0px;
}

Im not sure where did you place that code as Im not seeing is on the Global CSS or style.css.

#2 Removing that css code above will resolve part of this issue, then navigate to Appearance > Customize > Layout and Design and set a reasonable Site Max Width do not add a % unit on it, because it will be automatically set as px on the frontend.

Let us know how it goes.

Cheers!

[Author]

Posts