Home › Forums › Support › On Contact Page I want no Sidebar, its gone but sidebar empty space remains
- This topic has 11 replies, 2 voices, and was last updated 1 year, 2 months ago by
Leo.
-
AuthorPosts
-
February 10, 2020 at 9:45 am #1160850
bluebit
I want my contact form on my contact page to be in the center.
I already selected Content (No sidebar) in the settings for my Contact Page, so I have no idea why it’s not working.
February 10, 2020 at 9:49 am #1160856bluebit
I also have this code in my custom css, maybe this is causing it?:
@media (min-width: 769px) {
#right-sidebar {
width: 240px;
}#primary {
width: calc(100% – 240px);
}
}input[type=”search”] {
border-radius: 0;
-webkit-appearance: none !important;
}.inside-right-sidebar aside:nth-child(3) .widget-title {
margin-bottom: 5px;
}.inside-right-sidebar aside:nth-child(2) .widget-title {
margin-bottom: 5px;
}February 10, 2020 at 9:53 am #1160859bluebit
Anyway I can disable the above custom css only for the contact page?
February 10, 2020 at 9:53 am #1160860Leo
StaffCustomer SupportHi there,
This bit of CSS is causing the issue:
https://www.screencast.com/t/Z7CWdfGZW7Can you try replacing this:
#primary { width: calc(100% β 240px); }
With this:
body.right-sidebar #primary { width: calc(100% β 240px); }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 10, 2020 at 9:55 am #1160862bluebit
thank you just did, that fixed it!!!
February 10, 2020 at 9:58 am #1160867Leo
StaffCustomer SupportNo problem π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 10, 2020 at 10:01 am #1160876bluebit
oh just checked, now mobile not working correctly for the rest of the site
February 10, 2020 at 10:04 am #1160880Leo
StaffCustomer SupportOn which page? My CSS shouldn’t be the issue – it’s simply making that CSS applies to pages with a right sidebar layout instead of every page.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 10, 2020 at 10:05 am #1160881bluebit
on the homepage, the sidebar on mobile dropped down and to the left on my iPhone 8
February 10, 2020 at 10:08 am #1160885bluebit
this is what my custom css look like now:
@media (min-width: 769px) {
#right-sidebar {
width: 240px;
}body.right-sidebar #primary {
width: calc(100% β 240px);
}}
input[type=”search”] {
border-radius: 0;
-webkit-appearance: none !important;
}.inside-right-sidebar aside:nth-child(3) .widget-title {
margin-bottom: 5px;
}.inside-right-sidebar aside:nth-child(2) .widget-title {
margin-bottom: 5px;
}February 10, 2020 at 10:14 am #1160889bluebit
I think I just fixed it, I removed all this:
@media (min-width: 769px) {
#right-sidebar {
width: 240px;
}body.right-sidebar #primary {
width: calc(100% β 240px);
}}
I forget why I even used the code in the first place.
February 10, 2020 at 10:39 am #1160912Leo
StaffCustomer SupportThat code was setting the sidebar to a fixed width.
Glad you found a solution π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.