Hello! I use the Twenty Seventeen theme on WordPress, and I was having difficulty with the width as it was very narrow, so I added some CSS that worked quite well to make the width wider, except for these exceptions, which I hope can help me resolve.
1. The home page, which is a static page and gathers other interior pages, continues with 100% width, despite the fact that the interior pages, I have placed a 70% width, I would like the home page to also have 70% and doesn’t look as full-width currently.
2. The post page (blog) has a sidebar that is too wide, compared to other places where the sidebar appears (such as the SHOP section). I would like it to have less width, or equal to that of the STORE section.
The placed CSS is:
#content.wrap {
/* margin-left: auto; */
/* margin-right: auto; */
max-width: 100%;
/* padding-left: 2em; */
/* padding-right: 2em; */
}
@media screen and (min-width: 48em) {
#content .wrap {
max-width: 100%;
/* padding-left: 3em; */
/* padding-right: 3em; */
}
}
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
/*margin-left: auto;*/
/*margin-right: auto;*/
max-width: 70%;
}
@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap
{
max-width: 100%;
}
}
I hope you can help me with the solution to 1 or both queries.
Thank you very much
Pillar
Content only visible to registered users
Answered: 04/08/2021 1:34 am