Push-up issue

From what I can see, you’re trying to push up the sticky element with the element that follows it immediately. That’s not going to work, because the pushup element will then always push it up, and it will never be sticky.

Can you remove the push-up element from the plugin’s settings and let me know when that’s done? That way I can see which element you need to make sticky and what the best way would be to push it up again. Right now I don’t see the banner at all.

Thanks!

Hi mark,

Thanks for the feedback. I removed the push-up element.

Thanks Rodolfo! However, I can’t see the item you’re trying to make sticky at all — it doesn’t show up for me on your page?? If you deactivate the plugin, does it become visible?

Or do you see it without any problems?

Hi mark,

I’m sorry for this. I see the item normally. Since this is an ad banner, I believe that your browser is blocking. I modified and created the block as image, I believe that now you get to see.

https://www.saborosos.com.br/receita/delicious-chocolate-cake/

OK. That was definitely a bit stupid on my end. You’re right, my adblocker made sure I didn’t see it. Sorry about that! ??

So, now that I’m seeing it, the element with ID “#stop-stick” should indeed be the one you should enter as the pushup element. Can you turn that on again in order to show me that’s not working?

On another note, you will see that the banner “jumps” a little bit the moment it becomes sticky. This is due to this part of your CSS and I would recommend to not use any !important tag, as it will override/block some of the functionality of this plugin (hence, the small jumping).

Hi mark,

Thanks for your return. About CSS, I’ll remove the !important, thank you.

I just activate the push-up with the #stop-stick.

OK, so now I can see the problem — it’s definitely because of the aforementioned CSS. It’s keeping the element from scrolling up again when the pushup element touches it.

If you remove this from your CSS, everything should work as intended:

.banner-search {
    margin: 0px 14px !important;
}

I’m not really sure why it’s there in the first place, if it’s really necessary or not, but it’s what’s blocking the plugin from functioning correctly.

Hi mark,

Thank you, I just remove this CSS class and it worked perfectly. Tell me one thing, it would be possible to put a distance from the bottom, equal to the distance that put on top?

Hi mark,

Already got here, thank you. Great plugin and excellent support. Recommend!

Glad it’s working now Rodolfo! ??

Can i use this plugin to push an element/text banner up at the bottom of the site? I would like something to float near the bottom of the page – we are announcing the launch of a new brand and new site. Not sure if this plugin will do that?

@kalagrow Sorry, but that’s not what this plugin is meant to do. However, it shouldn’t be all too difficult to make an element stick at the bottom of the screen with some basic CSS. Here’s a start:

.some-element {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
}