Make Mobile Menu Footer Sticky
How can I make the footer navigation (the feed, spaces, user menu) on mobile sticky
I think this CSS will do it:
.fcom_scrolling-down .fcom_mobile_menu {
bottom: 0px;
}
Thanks. But it doesn't work here
Alabi Are you wanting to make it sticky here on this site or on your own FluentCommunity site?
Thomas Oates 😅😅😅
I like your question, thank you works for me
Thomas Oates On my site. I used fluentSnippet CSS, it didn't work
Alabi Might be an issue with FluentSnippet. I added it to the custom CSS setting in FluentCommunity and it works for me.
Maybe try adding !important like this:
.fcom_scrolling-down .fcom_mobile_menu {
bottom: 0px !important;
}
Thomas Oates that's absolutely right, ever tried adding some CSS to FSnippets but never worked as well. Have also seen a few other people reporting about the same......
Maybe Shahjahan Jewel and the team need to do something about it
Sophia S For my site, I used this example (https://github.com/WPManageNinja/fluent-community-docs/blob/master/code-snippets.md#add-custom-css-to-portal) to link to a separate CSS file so I can easily add FluentCommunity specific style settings there. It works well.