Hello,
If you want to hide the sidebar on some pages then we can do this via CSS code.
Can you please post a link to your site where I can see these posts so I can try to help with some CSS code?
hi and thanks so very much ..
currently have the website with an “under construction” front page but have disabled for you
http://debbyquigley.com/
Hello,
Add the following custom CSS to customize-> Additional CSS
.sidebar {
display: none;
}
Let us know if you need help with anything else!
Thanks. Will this just remove on one page or all pages?
I do want side bar on first page.
I know an old theme I have used in the past gave me the option per page to either have of not have side or even special side bars. More a per page option.
Hello,
Try this code to hide sidebar from all the pages but show on homepage
Add the following custom CSS to customize-> Additional CSS
body:not(.home) .sidebar{
display:none;
}
Let us know if you need help with anything else!
didnt work :<(
here is what all i have in the customizing extra css section ..
maybe something is affecting your code?
/*
You can add your own CSS here.
Click the help icon above to learn more.
*/
.site-header {padding-bottom: 2rem;}
header#masthead {
padding-top: 0;
}
.header-image {
margin-top: -10px;
}
.site-header {
padding-top: 24px;
padding-bottom: 24px;
}
.header-image img {
height: 150px;
}
.widget-title {
background-color: #ccc;
line-height: 2em;
text-align: center;
}
.widget {
border-color: #fff;
}
.widget {
border-top: 2px solid #777070;
border-bottom:2px solid #777070;
border-left:2px solid #777070;
border-right:2px solid #777070;
padding-bottom: 22px !important;
padding-top: 22px !important;
padding-right: 12px !important;
padding-left: 12px !important;
margin-bottom: 10px !important;
}
.sidebar {
width: 200px;
float: right !important;
}
.main-navigation a {
font-size: 20px !important;
}
ul.sub-menu .menu-item{background: #fffefe !important;
}
li{
margin-top: 15px;
}
table,
th,
td {
border: 0px;
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 0px 0 0 0px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}
.sidebar {
width: %10 !important;
}
.page-one-column .panel-content .wrap {
max-width: 1000px;
}
body:not(.home) .sidebar {
display:none;
}
you removed space between (.home) and .sidebar
Paste the code as it is.
body:not(.home) .sidebar{
display:none;
}
that did work :>)
no though i have all the extra space were side bar was …
would like full page on those that don’t have side bar
Use this code.
.home .content-area {
width: 100%;
}
Hope it helps and let me know if you require any further assistance.
that changed the front page …
need others changed and not front ..
so i used
body:not(.home) .content-area {
width: 100%;
}
it worked …
you are brilliant!!!!
