Changing my blog page to boxed but keeping the navbar as fullwidth

Support
#1

Hi there,

I’m still using X for my website and I’ve got it set using the fullwidth option. I would like to make just my blog page and blog post pages boxed while keeping the navbar bar full width. Is this possible?

I’ve tried using the following code:

.blog .site {
width: 80%;
max-width: 1000px;
}

.single-post .site {
width: 80%;
max-width: 1000px;
}

But this reduces the width of the navbar too. Is there some extra code I can add in to stop this from happening? I hope this is possible without creating a child theme as I’ve had trouble trying to set that up in the past.

Thanks.

#2

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Peer to Peer Forum (no official support provided here).

For Design & Development, Marketing & Media, and Hosting & Optimization discussions you are welcome to use the General Forum to discuss with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

#3

Hello There,

Thanks for writing in! To resolve your issue, please make use of this code instead:

.blog .site > .x-container.max.width,
.single-post .site  > .x-container.max.width{
  width: 80%;
  max-width: 1000px;
}

I am just assuming the stack being used in your site. This code should work with Integrity, Renew and Ethos.

Please let us know how it goes.