Lock and Change Footer Size | XM Community
Solved

Lock and Change Footer Size

  • 19 June 2023
  • 6 replies
  • 106 views
F
Rank

Hi!

Asking for help on how I can achieve the following:

  1. Change the footer sizing to be 10% of the page
  2. Lock the footer in place so it will appear even if it isnt the end of the page

Thank you in advance for any assistance.

icon

Best answer by krbhavya 20 June 2023, 08:15

View original

6 replies

krbhavya
Rank
Userlevel 6
Badge +20

Hi @FEGC2023 

You can below CSS code to change the footer size 

 

#Footer {

height: 10vh !important;

}

Bhavya Kumar
F
Rank

Thank you @krbhavya, I changed my footer size.

Is there any way to make the footer appear at the bottom even as I scroll up or down?

krbhavya
Rank
Userlevel 6
Badge +20

Hi @FEGC2023 

You can use below code to fix the footer

#Footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

​you can also change the alignment acc. to your requirement.

Bhavya Kumar
F
Rank

This solved it, thank you again @krbhavya!

One last help, the footer blocks the next and back buttons, will I need to do an additional css for the bottons?

krbhavya
Rank
Userlevel 6
Badge +20

Hi @FEGC2023 

You can just simply change this to align the footer in centre

 

left: 50%;

 

Bhavya Kumar
F
Rank

Thank you @krbhavya! 

I’ll experiment on the positionings.

Leave a Reply


Terms & Conditions