I create a toogle on a new site (local) and everything looks good on the desktop (Firefox, Chrome), but when I look at it on a small screen (resize to smartphone size), this toogle automatically gives me a min-height and I get a lot of unused space above and below. (look pic in attachment)
Hi.
I create a toogle on a new site (local) and everything looks good on the desktop (Firefox, Chrome), but when I look at it on a small screen (resize to smartphone size), this toogle automatically gives me a min-height and I get a lot of unused space above and below. (look pic in attachment)
If i inspect the row i find this min-height:
<div class="vc_col-sm-3 wpb_column column_container vc_column_container col no-extra-padding instance-0" data-border-radius="none" data-shadow="none" data-border-animation="" data-border-animation-delay="" data-border-width="none" data-border-style="solid" data-border-color="" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0" style="min-height: 542px;">
I dont make any other settings. How can i fix this?</div>
THX
Hey D,
Not sure where that is coming from .Please provide a live url so we can troubleshoot further ? .
Best
ThemeNectar Support Team
Unfortunately i cant seem to recreate the issue on my end . Let us know when you have a live url .
Best
ThemeNectar Support Team