Materialize Theme: How to edit the Component Nav bar?
This appears on the left side of most pages in the file.
What are the steps to be able to edit this on screen, as it does not display on the screen?

Thanks

Find in the element tree pane the list-container with the ID theme-nav. Then open the styles pane, scroll down to effects and notice it has been 'translated' -105% off the screen. Change that to 0, then you can edit it. Of course, set it back to -105% afterwards.

By default the sidenav element class hides automatically. Inger's suggestions is the most straightforward in terms of viewing the sidenav when it becomes automatically hidden.

The alternative, which I do just for editing the content INSIDE the sidenav div; Is that I add the element class sidenav-fixed to the div that has element class sidenav. The results allows you to edit the elements inside the sidenav at larger break points. All the content you edit inside the sidenav is the same at all breakpoints. Unless you're using breakpoints.

Once you're satisfied you can simply remove the sidenav-fixed element class. All the content inside the sidenav will remain unaffected. Although, if you edit any CSS on the div with sidenav-fixed, then remove sidenav-fixed. You will lose the styling.

If you would like to see how it works. The website in my signature showcases a site using Materealize, developed using site designer.

Hi Inger,
That's excellent.
Worked a treat!

Many thanks,
Daniel

Hi Bas,

Many thanks for your reply showing another way...
I'll have a look at your site for sure!

Many thanks,
Daniel