Skip to content Skip to main navigation Skip to footer

Making Survey Pages Full-Width

Welcome to QSM Support Forum. Forums QSM Pro Support Making Survey Pages Full-Width

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #844
    D.I.Try BlogKim Bydlon
    Participant

    Is there a setting or add-on to make the survey pages full-width on my site (i.e. without the sidebar widgets and container)? I’d like them to take up more space on the page and don’t need the survey-takers to have access to the sidebar while they answer the questions. I tried to edit this in “post settings” of the survey, and could not find anything of the sort.

    #889
    KharisKharis
    Keymaster

    Hello there,

    We could use a couple of custom CSS code to hide unnecessary widgets area and other elements. To help me get the exact CSS selector to use, please provide a link to your quiz.

    Regards,
    Kharis

    #891
    D.I.Try BlogKim Bydlon
    Participant
    This reply has been marked as private.
    #927
    KharisKharis
    Keymaster

    Hello there,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    
    .single-quiz.postid-665 #secondary {
      display: none;
    }
    
    @media only screen and (min-width: 1000px) {
      .single-quiz.postid-665 #primary.content-area {
        width: 100%;
        margin-left: 0;
      }
    }
    

    Regards,
    Kharis

    #964
    D.I.Try BlogKim Bydlon
    Participant

    So the code you provided was successful in hiding the sidebar but the second piece of code isn’t quite working; the survey isn’t being centered on the page.

    #974
    KharisKharis
    Keymaster

    Hello there,

    I saw it’s centered already. See the attached screenshot.

    You might have to flush any applied cache or flush web browser’s history/cache first.

    Regards,
    Kharis

    Attachments:
    You must be logged in to view attached files.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.