Archived topic
Grid container 100% width for specific page
3 replies · Started by Michael on April 23, 2021
Viewing posts 1–4 of 4
Hi
I am trying to implement a fullwidth layout for a specific page with no right and left margins.
This is the CSS code I am using but it does not work for some reason - I might have missed something.
.grid-container > .site-content > .content-area > .site-main > #post-172 {
max-width:100%!important;
}Would be glad for any help.
Thanks a lot
Michael
Hi Michael,
Are you trying to hide the side header on this page like the screenshot below?
https://www.screencast.com/t/aThowkU6
If so, try this CSS:
.page-id-172 #masthead {
display: none;
}
body.page-id-172, #page.grid-container {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}Thank you Ying!
No problem :)
This archived topic is closed to new replies.
