Mobile nav not opening to see addition items listed

[SueB]

Mobile nav again...sorry! I had to totally create a new one.

I can't get it to open so you can see the related items after the first item..I've moved the nav bar to the right, to the left..etc. I've changed a few settings, but it does not open right on my Iphone regardless of what I pick. Looks fine on the computer screen when I close it down as small as I can.

Can someone tell me if there are settings to use so that it opens right...gesh! Any suggestions...I'm so frustrated.
I've worked on it for 2 days!
MOBILE ONLY...

https://www.bodaciousbeardies.com

[Acorn]

Sue, sorry you are having problems.

I have never liked the Xara NavBar so you might consider a different approach.
As your menu is so deep, wide and extensive (c.f., Archie), I would instead develop a mega-menu.

This can either be a separate layer or a new page that handles both Main and Variant.
You then layout your Links as you see fit. All are visible so there is no need for sub-menus and you can have different layouts (lineage), images and thumbnails.
Using a Page approach, you would need a Back Link; javascript:history.back(); should work.

Acorn

[SueB]

Acorn, thanks for the suggestion. Now I need help or directions on how to make a mega-menu. And I could make the last section with Archie, one long page, if I have too. updated: I am going to combine those pages...I like that better anyways, so thanks for bringing that to light for me.

I need to see what you are talking about visually and need direction on how to do it, if you don't mind. A site to help me with seeing what it looks like, a file or what not...please. I'm a visual learner.

I have no idea what you are talking about with the "back link" etc.

Wue

Sue, sorry you are having problems.

I have never liked the Xara NavBar so you might consider a different approach.
As your menu is so deep, wide and extensive (c.f., Archie), I would instead develop a mega-menu.

This can either be a separate layer or a new page that handles both Main and Variant.
You then layout your Links as you see fit. All are visible so there is no need for sub-menus and you can have different layouts (lineage), images and thumbnails.
Using a Page approach, you would need a Back Link; javascript:history.back(); should work.

Acorn

[Acorn]

Sue, here is a demo file: MegaMenu.xar.

There is nothing rocket science or complex in the design, or pretty for that matter.

If you are on any site page and click More.., you are taken to the mega menu.
The More.. is replaced with the Back Link.

I included your Anchors on the Home page as well as a Top of Page as I made the top menu bar Sticky.
No sub-menus, just a page of mess to play with.

Acorn

[SueB]

Acorn, I opened it...and I think it's beyond me and my knowledge to understand. Thanks for trying...I'm just not that smart!

Sue, here is a demo file: MegaMenu.xar.

There is nothing rocket science or complex in the design, or pretty for that matter.

If you are on any site page and click More.., you are taken to the mega menu.
The More.. is replaced with the Back Link.

I included your Anchors on the Home page as well as a Top of Page as I made the top menu bar Sticky.
No sub-menus, just a page of mess to play with.

Acorn

[Acorn]

Sue, just think of it as a Pop-up Layer but instead of having the Layer on every page, you have created a separate menu page instead.

Acorn