Wellness: Make Nav bar sticky and smaller

Oliver Kluth

• April 23, 2021 11:48

Hi, I'm using the wellness-Template on a website and am struggeling with the following adjustments:

• I want to make the nav-bar sticky
• viewing the website on a mobile the nav-bar needs to have less height. I tried variations with custom-css but am struggeling with some enclosing divs which I can't assign a unique name or id so I can't address them.

Some help/hints would be really awesome! :)

 

Kind regards

0

• 

  Sandra Prunici

  • April 23, 2021 15:23

  Hi Oliver,

  Yes, it is possible to make the header block as sticky. This is a Pro feature and you can find it here. 

  The height of the sticky header depends on the content and its height. Therefore, if you want to minify the sticky header height, I can suggest minifyng the content from the sticky header. See here an example.

  Best regards,
  Sandra

  0
• 

  Oliver Kluth

  • April 27, 2021 12:26

  You guys totally rock! Thank you so much for the help and the awesome website builder!

  0
• 

  Sandra Prunici

  • April 27, 2021 14:45

  Happy to help! Thank you for the reply and kind words!

  Have a great day and best regards,
  Sandra

  0

Please sign in to leave a comment.