[Resolved] On Contact Page I want no Sidebar, its gone but sidebar empty space remains

Home Forums Support On Contact Page I want no Sidebar, its gone but sidebar empty space remains

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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.

    #1160856
    bluebit

    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;
    }

    #1160859
    bluebit

    Anyway I can disable the above custom css only for the contact page?

    #1160860
    Leo
    Staff
    Customer Support

    Hi there,

    This bit of CSS is causing the issue:
    https://www.screencast.com/t/Z7CWdfGZW7

    Can you try replacing this:

    #primary {
        width: calc(100% – 240px);
    }

    With this:

    body.right-sidebar #primary {
        width: calc(100% – 240px);
    }
    #1160862
    bluebit

    thank you just did, that fixed it!!!

    #1160867
    Leo
    Staff
    Customer Support
    #1160876
    bluebit

    oh just checked, now mobile not working correctly for the rest of the site

    #1160880
    Leo
    Staff
    Customer Support

    On 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.

    #1160881
    bluebit

    on the homepage, the sidebar on mobile dropped down and to the left on my iPhone 8

    #1160885
    bluebit

    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;
    }

    #1160889
    bluebit

    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.

    #1160912
    Leo
    Staff
    Customer Support

    That code was setting the sidebar to a fixed width.

    Glad you found a solution 🙂

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.