Streaming live at 10am (PST)

How to make side navbar, which sticks on top at a smaller screen?


#1

Could you, please, give me the instructions, how to make the same left side navbar as in Marine Template, which sticks to the top at a smaller size screen?
Thanks a lot for the help!



#2

Hey sure,

Drop a new nav bar item and give it a classname

Now set your nav bar to Position Fixed and give it 200px width and 100vh height.

Maybe add some Flexbox for the Nav Menu

drag an image and style it

Style again

Now for the responsive part.
Switch to the breakpoint you want, change the width and height of navbarleft to 100% and 80px

Restyle your brand image

And there you have it :slight_smile:


#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.