I am currently having a hard time making it real. I am using a custom theme but there are no settings for the things i'm searching for. Now the header is transparent but not sticky. I want to make it sticky with a dark color and a little opacity with a bottom border and shadow. Moreover, i would also want to make it shrink. For the time i've spent i think editing the theme's files is my only solution so i need help for the code itself. Here's the site im testing on: /

I am currently having a hard time making it real. I am using a custom theme but there are no settings for the things i'm searching for. Now the header is transparent but not sticky. I want to make it sticky with a dark color and a little opacity with a bottom border and shadow. Moreover, i would also want to make it shrink. For the time i've spent i think editing the theme's files is my only solution so i need help for the code itself. Here's the site im testing on: https://www.dailylifehelper/home-2/

• menus
• css

Share Improve this question edited Nov 27, 2019 at 15:51 fuxia♦ 107k3939 gold badges255255 silver badges459459 bronze badges asked Nov 27, 2019 at 14:20 BorislavBorislav 1111 bronze badge

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

 .nav-class{position:fixed;} that will make navbar sticky