Streaming live at 10am (PST)

My popup content doesn't show all the way


#1

Hi everyone

I use webflow create the popup block, so when people click the button will have popup container show up, my container actually quite big have an image and some paragraph, it does pop up but doesn’t show up all the content. how can I fix that? I try height but doesn’t work.

Thank you.

Ruby

Here’s my CSS code

// this is big container will make webpage have faded out looking
.event-popup {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 9998;
display: block;
height: 100vh;
padding-top: 90px;
background-color: hsla(0, 0%, 100%, .68);
text-align: left;
}

// this is the container popup for the content

.event-show-popup {
position: fixed;
/* position: fixed; */
z-index: 9999;
height: 900px;;
padding: 6px 0px;
background-image: url(’…/images/big-green-div.png’);
background-position: 0px 100%;
background-size: cover;
background-repeat: no-repeat;

}


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Hey, could you post your read-only link so we can see what’s happening?

Also, did you know you can create pop-ups/modals within Webflow natively using interactions, without you needing to code it all?


#3

Yes, you can check the tutorial right here:https://webflow.com/blog/how-to-create-a-pop-up-modal-in-webflow
but you can use jQery very easily too.

Thanks!


#4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.