Navigation bar (hamburger) in mobile version

[SueB]

Only the mobile site. I will give your next instruction a try. I actually had only put under "Menu" only mine said "Home." And all sub menus were under that. Perhaps I did double click...

I know I am doing something wrong. I am just stumped. I love learning new things, so I very much appreciate you helping me. I will do all your settings and get back to you.

[SueB]

Yeah, that worked! Now, please see my screen shot.
It took what said "Rainbow Bridge" which is my title of the page near top and tangled it all up. Have no idea what did that. Translating it into another language?

The menu needs to get moved up higher closer to the hamburger.

And some of the menus items need to be sub-menus under different titles. Can I do that?
And instead of it saying "About-bccsc" like the title of the page, I want it to say About BCCSC. Is that okay to do?



The page without the nav doing some obscure thing should look like this:



We are getting there...a few more things and I will breath again! LOL

[gwpriester]

I think the space is there under the burger because you made your button vertical.

Make your button more like the attached. And of course make the text and button fill None and group all three objects.

[SueB]

GWPriester, did you mean to make the text and button white? I think I have this part down.

Now can I add submenus without messing up the nav bar?

[gwpriester]

I made the elements grey so you can see that the bar is about as wide as the drop down menu but not tall. And yes, make the button rectangle and the text the same color as the background.

The button in your screen shot in post 39 is very large and this is why your sub menu is starting out so far below the hamburger. The drop down menu starts directly under the button shape.

I am not sure if you need to start over or not. But even if you do, it is good practice.

[SueB]

Okay, here's my latest one, see screen shot. And, yes, I did start over. LOL

Now, is there any issue with me renaming those menu items without the dashes and moving things around to put some as sub-menus? Anything I need to know (so I don't mess this up again)? Any special instructions on sub-menus nav bar?

Sue

[gwpriester]

Screen shot. Press the Print Screen key on your keyboard, then paste the image into Xara and crop.

This looks good.

To edit the sub menu text (think of this as a Zen exercise), highlight each entry, and edit the text. In this case remove the dashes.

[SueB]

Got will do with the sub menu as instructed. How about a deeper sub-menu? Anything special to do there but "double click?" So worried about adding extra "hamburger" to the menu now. You tip really worked, so only following your exact instructions no matter what!

Here's my screenshot..I used my phone to screen shot as the snipping tool won't work with the program open and my "print screen" does not seem to work.

[gwpriester]

Same thing. Click the + next to the page you want to add the sub menu to and then double click to add sub menu pages.

I think we're done here.