Community builder footer

Adding footer to the napili template

<div class="navbar navbar-inverse navbar-fixed-bottom "> Footer content</div>

is overlapping with some of the content on smaller devices.

I tried to achieve using SLDS but I’m unable to position it at the bottom of the page.

Any help is much appreciated.

Contents hide

Answers:

Method 1

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

Use the SLDS Align Utility to place the Text in center .

<div class="slds-align--absolute-center">This content will be positioned in the absolute center of its container</div>

Update :

I saw that the builder keeps you within the container which means you will have to write some custom styling inside your component like below

<div class="slds-align--absolute-center footerstyle">This content will be positioned in the absolute center of its container</div>

The Style.CSS inside the component is as below

.THIS {
}

.THIS.footerstyle {
   position:absolute;
   bottom: -500px;
   width:100%;
}

Using the builder I dropped a component like below

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes

Article Rating