XenBase cookies card design bug

[ogulcan]

Hi.

When I edit the cookie card, there is a blank space at the bottom of the site.
I think this was done to prevent the copyright from being lost. But that's not my purpose, of course. I want to make a prettier cookie card.
How can I fix that ?

 

[Russ]

This is really how XenForo handles it. It will do this on the default style as well to avoid scenarios of blocking content.

You can switch the div to be "fixed" rather than sticky. I think that would achieve your goal:
Add this to extra.less

.u-bottomFixer {
    position: fixed;
    right: 0;
}

 

[ogulcan]

Thank you its worked. But how can I center it? Because when it is on the left or right, it is below the ad.
Or can this be fixed?

 

[Russ]

Checking your site, it looks like you got it sorted. Correct?

 

[ogulcan]

Checking your site, it looks like you got it sorted. Correct?

I fixed it but I don't know if I did it right. Because it looks different on every screen.

.u-bottomFixer {
    position: fixed;
    left: 50%;
    margin-left: -350px;
}


@media screen and (max-width: 768px) {
    .u-bottomFixer {
    position: fixed;
    left: 50%;
    margin-left: -150px;
}
    }

.XenBase .notice.notice--cookie {
    background: #f0f0f0;
    max-width: 50rem;
    box-shadow: 0 .625em 1.875em rgba(0, 0, 2, 0.3);
    margin: 15px;
    border: 1px solid #d6d6d6;
    padding: 0.1rem;
    border-radius: 5px;
}

 

[Russ]

I'd remove your CSS and try this out:

.u-bottomFixer {
    position: fixed;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}

It needs a max-width on there for this to work. You can adjust to your liking.

 

[ogulcan]

I'd remove your CSS and try this out:

.u-bottomFixer {
    position: fixed;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}

It needs a max-width on there for this to work. You can adjust to your liking.

It is immediately obvious that I am a beginner. Thank you, you solved all my problems.