How to recreate same design you are using in theme.co/docs?

[c0desolut1ons]

I really like your one-page navigation sidebar. What layout & elements do I need to use to make a page like that?

another example:https://material.io/design/

[lely]

Hi @c0desolut1ons,

Using Pro Header we can easily built it.

1.) Create a header. Use Left Bar.

2.) For the Logo with link, please use button element. It has option for image and text.
3.) For the title of the menu, use headline element.
4.) For the menu, use navigation layered element.
5.) You can add line element as the menu divider.

For detailed guidance on using the builder, you may watch and subscribe to youtube channel.

Hope this helps.

[c0desolut1ons]

Hey @lely,

I really appreciate your quick response. I managed to follow your instructions.
Now, guess I will figure things out on the go as the top header of the site disappears from the page if I use Left Bar layout on this one.

My idea was to have something like table of contents on the left side that is always accessible so someone can pan through content faster.

Thanks again and have a good one

[jade]

Hello @c0desolut1ons,

If you create bars that are assigned on the top area and the left area, both of them should be visible in the header.

In case you are not seeing the bar on top and on the left, please provide us with the admin access to your site in a Secure Note:

Secure Notes

It is very common to need to share sensitive information with our staff such as login or FTP information. In order to keep this private, be sure to use the Secure Note button that you will find at the bottom of each reply.

[c0desolut1ons]

@jade

u create bars that are assigned on the top area and the left area, both of them should be visible in the header.

In case you are not seeing the bar on top and on the left, plea

I got it working. Thanks.

[ruenel]

You’re welcome!
We’re glad @Jade were able to help you out.