Customization of sticky header

Alexis Maresca

• October 09, 2023 10:27

Hello,

I'm using Brizy to create my WordPress site, and I'm encountering an issue with placing a sticky element at the bottom of the screen. I've followed the usual instructions for creating a sticky element, using a custom CSS class, but it seems like it's not working as expected.

Here's what I've done so far:

1. I've created a "Magnet Sticky" block in Brizy.

2. I've assigned a custom CSS class to this block, which I've named "sticky-bottom."

3. I've tried using the following CSS to position the element at the bottom of the screen:

4. .sticky-bottom {
       position: fixed;
       bottom: 0;
       left: 0;
       width: 100%;
       z-index: 999;
   }

Unfortunately, it doesn't seem to be working as expected, and the element remains at the top of the page rather than at the bottom.

Could someone please help me resolve this issue? Is there something I'm doing wrong or something different I could try?

Thank you in advance for your assistance.

This should help you clearly present your issue in the Brizy forum, and you can seek help from the Brizy community to address this specific problem.

0

• 

  KC George

  • October 09, 2023 13:53

  Hi Alexis,

  It is possible to create a design and make it sticky towards the bottom of the screen without using CSS. Please have a look at this screen recording for the procedure. https://jmp.sh/8wEDw3s4

  If your requirement is different from what is mentioned in the above screen recording, please share your design with us. We will guide you on how to make the design stick to the bottom of the screen.

  0

Please sign in to leave a comment.