Please submit a private ticket if you need to share sensitive information, such as license details and admin credentials.

Okay
  Public Ticket #3424506
How to change the fixed height of the popup to a 100% height
Closed

Comments

  • Bjarke Jørgensen started the conversation

    I would like to change the fixed height from 460px to a height that covers the whole popup. I have found the following CSS to be working, but do you have another suggestion?

    Input the following in your Themes custom CSS:

    .woosq-popup {
        max-height: 100%;
    }

    If only the .woosq-popup is set to a max-height of 100% it is not possible to scroll the overflowing part of the popup on a smartphone. Therefore input the following CSS as well:

    @media only screen and (max-width: 768px) {
    .woosq-product {
            overflow-y: scroll;
            height: 600px;
    }

    Thanks, Bjarke

  • Bjarke Jørgensen replied

    One CSS declaration was missing to make this work:

    .woosq-product > .product > div {
        height: unset!important;
    }
    

    To be clear: All this must be written in your Themes custom CSS to make the popup 100% height AND work on a Smartphone:

    .woosq-product > .product > div {
        height: unset!important;
    }
    .woosq-popup {
        max-height: 100%!important;
    }
    @media only screen and (max-width: 768px) {
    .woosq-product {
        overflow-y: scroll;
        height: 600px;
    }
    }

    Suggestion for updating the WooCommerce Quickview plugin:

    How about making an additional setting where one can choose the height of the popup between a pixel-based height or a 100% height?

  •  767
    Janilyn replied

    Hi Bjarke,

    Thanks for contacting WPClever Support Forum. We're not available at the weekends so today (Monday) I am able to process your ticket.

    We’ve received your question and assigned one of our developers to help you with that. 

    He’ll be looking into your question and responding with specific instructions as soon as possible. 

    Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

    Best regards.

    Janilyn T. - WPClever Support Agent

  •  1,226
    Dustin replied

    Hi Bjarke,

    Thanks for the suggested CSS code!

    Yes, that's right! You can use this custom CSS code for your site, so we didn't add an option for that. 

    Maybe someone wants to change the width or left/right column and we can't cover all of these requirements. So, we stay here to help them write CSS code based on their requirementssmile.png

    Best regards,
    Dustin