Archived topic
css problem need help
5 replies · Started by johnaps on March 10, 2021
Hello GP Team!
I am trying to make the last button on my offside filters panel stick to the bottom of the page as you scroll the panel...
I have tried any logical css on the element but to no avail...
The element has this class="slider-exit".
You ll see the off canvas panel by clicking the button with this id="mfh".
I want to make it stick to the bottom of the viewport so it can scroll alongside the user scroll on this off canvas panel...
Can you help?
Hi there,
I'm not sure what you are referring to here.
Is this a GP element you are referring to here?
the panel that opens with the button (with the id="mfh") is #generate-slideout-menu.
Inside that panel (#generate-slideout-menu) i want to make the element that has this class=”slider-exit” stick on the bottom of the viewscreen while i scroll the #generate-slideout-menu panel...
I have tried position: sticky;, bottom: 0; etc in that element but to no avail...
Can you help out?
Give this CSS a try :)
aside#custom_html-65 {
position: sticky;
bottom: 0;
}It was so simple and elegant!
Thank you so very much Ying!! :)
You are welcome!
CSS is simple once you find the right selector :)
