/    Sign up×
Community /Pin to ProfileBookmark

Module/ position absolute

Hi guys, I have this module that is by the first img from the logos section. The problem is that it oppens and is under the footer. The HTML module is indeed under the footer but I set the position absolut and nothing changes. I added top: 0 and now it’s to the top of the site. How do I make it open where the screen is?

site: https://wonderful-jones-0b8d39.netlify.com/

CSS

[code]
.bogdan-module {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 90%;
height: 1000px;
background: #3b55cc;
display: none;
}
.modual-active {
display: block;
}
[/code]

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@SempervivumAug 01.2019 — How do I make it open where the screen is?[/quote]
Use `position: fixed;`

Your layout is very confusing: A container div#logosContainer having zero height. And div.logo-card containers inside that are not visible. What is your intention about this?
Copy linkTweet thisAlerts:
@codyhillauthorAug 02.2019 — @Sempervivum#1607067 I have a container with some content and I want it not be visible so I added height: 0 and on button click, I added a class with height: 500px. I wanted to create that effect that you see on the site when you click a button.
Copy linkTweet thisAlerts:
@codyhillauthorAug 02.2019 — @Sempervivum#1607067 btw position fixed doesn't work.
×

Success!

Help @codyhill spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.13,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...