Floating navigation bar with social media icons

Hey there,

is it possible to have a floating navigation bar that sticks to the top of the page when scrolling? Also, I’d like to integrate social media icons to the floating bar before the search bar.

I’d appreciate some help!

Thanks and best wishes,
Kerstin

Hi Kerstin,

I hope you are well today and thank you for your questions.

is it possible to have a floating navigation bar that sticks to the top of the page when scrolling?

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

 nav.navbar.navbar-default {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
header#masthead {
    padding-top: 50px;
}
Also, I’d like to integrate social media icons to the floating bar before the search bar.

To help us keep support thread separates could you please create new thread for each of your other questions here https://colorlibsupport.com/c/activello/ instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

Best Regards,
Movin

Hello Movin,

Thanks for your help! It’s working. Will open a new thread for the social icons. Thanks!

Best wishes,
Kerstin

You are most welcome here :slight_smile: