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; } }
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 requirements
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
One CSS declaration was missing to make this work:
To be clear: All this must be written in your Themes custom CSS to make the popup 100% height AND work on a Smartphone:
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?
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
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 requirements
Best regards,
Dustin