[AndyParticipant]

Hi,

At roadtripsharing.com/ideals

I added a page body class rts-page-body and the following Global CSS

.rts-page-body {
max-width: 500px;
margin: auto;
}

made the navbar narrow too. I just want the body and not the header though now that I think about it I guess the navbar is technically part of the body? Not sure but I just want the column of text on the page to take the styles, not the navbar. Can I use body CSS class for that or is a different approach better?

Thanks.

[JadeModerator]

Hi Andy,

It seems like you have already figured this out since when I checked on your page, you navbar is fullscreen and your body has the fixed width.

Please let us know if you have an further queries. Thank you!

[AndyParticipant]

Thanks Jade,

Are you checking roadtripsharing.com/ideals because i see the navbar and body there both being 500px wide even after clearing my browser cache.

Is it showing up like that on your end? Much appreciated,
Andy

[LelyModerator]

Hi Andy,

Please update above CSS to this:

.rts-page-body .x-main {
    max-width: 500px;
    margin: auto;
}

Hope this helps.

[AndyParticipant]

Thanks kindly.

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts