Sticky Footer in Joomla – How to Make it with Astroid?

Astroid Frameworks by default supports having a sticky header, no matter where in the layout manager you place it. The same doesn’t apply with the footer and you can move the footer around or even disable it and then create a module that’d act as a footer.

You can however very easily create a sticky footer in Joomla using Asroid Framework.

This involves 2 simple steps, adding a class to your footer section in the Layout Manager and adding Custom CSS relative to the class that’d make the footer sticky.

Go to your Layout Manager and scroll to the very last section, whichever it may be and click the edit icon.

Sticky Footer in Joomla - How to Make it with Astroid?

Add the class astroid-sticky-footer in the custom class input.

Sticky Footer in Joomla - How to Make it with Astroid?

Save and head on over to the Custom Code section on the left.

Adding Custom CSS 

Sticky Footer in Joomla - How to Make it with Astroid?

In the Custom CSS Section under Custom Code, type in the following custom CSS:

.astroid-sticky-footer{
    position:absolute;
    bottom:0;
    width:100%;
}

Click Save and you shall have your Sticky footer.

Watch Live how it works with Video

Naveen
Naveen is a versatile professional with expertise in Product Management, Marketing, QA, and Client Management. He brings a strategic approach to his work, combining technical insights with creative problem-solving to drive impactful outcomes. Outside of work, Naveen enjoys writing poetry and traveling, finding inspiration in words, cultures, and new experiences.
I’ve had the great pleasure of hiring JoomDev for several projects over 8 years. The team brought our ideas to life and created the customized application that we only imagined in our minds. We appreciate JoomDev “can do” attitude and co-operation to complete any task until being fully satisfied. Hire JoomDev, you’d be crazy not to!
photo-alex
Alex Shvarts
Fundkite

Contact Sales