Mobile nav not opening to see addition items listed

[SueB]

Hi Acorn, how kind of you to have a look-see at the nav. I kept working on it. I am stubborn.
I actually have it working now on my phone, no issues that I can see.

I put About Us and Contact us in the menu in case no one scrolled down or used the links...you know how some people are, they mostly use the nav bars.
I have not tried the landscape view in a while, but when I did, on my phone at least, it went to the computer version which works okay, from what I can see.
I did eliminate all the sibling names to just "siblings" and almost thought of taking them out but to dog people, they may want to see other famous dogs. LOL

Do you have an Iphone or Android? Mine is not a large iPhone but it seems fine. I will review some of what you are seeing and see if I see what you see. Thanks again!
And I did try researching setting up a layer pop up but I think I'm not ready.

Edited: I can see by the time it gets to the 3rd drop out, it's an issue...sigh!

Sue, I have looked at your menu from my Smartphone.

There are a number of issues that, when addressed, might get you working.

First off, drag the Hamburger off the page so it is closer to the top of the page and wholly on the Pasteboard.
This might address the problem when viewing in Landscape as the menu is cut off half-way down.

The next problem is, I believe that you still have links or the menu items that should be opening further sub-menus.
This is why you get a fail with OUR BEARDIES > Emerald...

The menu is too deep and too tall.
About Us and Contact Us need not be in the Hamburger as they are Anchors on the Home page.
Factor them out and add them as Repeating Text Links at the page footer.
Just have Dog Shows and on each page have a Text Link to the other page.
Change the CAPITALS for (ALL) OUR BEARDIES. This will make the menu lists narrower such that you will just about squeeze in the third level sub-menus.

You could also reduce the gap between link items.

Acorn

[Initiostar]

Hi Acorn, how kind of you to have a look-see at the nav. I kept working on it. I am stubborn.
I actually have it working now on my phone, no issues that I can see.

I put About Us and Contact us in the menu in case no one scrolled down or used the links...you know how some people are, they mostly use the nav bars.
I have not tried the landscape view in a while, but when I did, on my phone at least, it went to the computer version which works okay, from what I can see.
I did eliminate all the sibling names to just "siblings" and almost thought of taking them out but to dog people, they may want to see other famous dogs. LOL

Do you have an Iphone or Android? Mine is not a large iPhone but it seems fine. I will review some of what you are seeing and see if I see what you see. Thanks again!
And I did try researching setting up a layer pop up but I think I'm not ready.

Edited: I can see by the time it gets to the 3rd drop out, it's an issue...sigh!

I looked at the site on my Android mobile and I can see (as Acorn said) that you still have some level 2 links (e.g. Emerald points emerald.htm) - these links need to be removed and added to your third levels links - best illustrated.



I changed a previous demo so you can see the outcome > https://initiostar.co.uk/demo/xara-mobile/

[SueB]

Oh, my gawd, Initiostar! This so helpful. I never understood why I had to double click that 2nd item in! The hard part is giving it the right terminology then so it leads to the right things without using "Emerald" twice...thank you for pointing this out to me and the GREAT EXAMPLES!

So by making my own mobile nav and not using one made in a template, the difference is that it goes across the whole horizontal page?And then do you tell it stick too so it travels with the page? And thank you all for your patience with me not understanding some of the very technical stuff...
Sue

I looked at the site on my Android mobile and I can see (as Acorn said) that you still have some level 2 links (e.g. Emerald points emerald.htm) - these links need to be removed and added to your third levels links - best illustrated.



I changed a previous demo so you can see the outcome > https://initiostar.co.uk/demo/xara-mobile/

[Acorn]

Sue, this was explained before and you said you got it.

Acorn

[SueB]

Acorn, I got what you were saying but I did not get how to do it at all....I'm sorry if I wasn't clear. I just felt what you were saying was way over my head.I had said I needed instructions and visuals...I am not as advanced as most of you are here that help us.

Sue, this was explained before and you said you got it.

Acorn

[Acorn]

Acorn, I got what you were saying but I did not get how to do it at all....I'm sorry if I wasn't clear. I just felt what you were saying was way over my head.I had said I needed instructions and visuals...I am not as advanced as most of you are here that help us.

Sue, I do understand. I was referring to one of the prior run-thoughs of your site where the NavBar was failing on mobiles.

All I can suggest is refer to the many YT videos. Most are in bite-size chunks.
I don't use them as I find it incredibly tedious to go at their pace in a linear plod.
I far prefer working at a function until I get stuck then I refer to the manual.

Writing instructions for another is extremely hard as one's assumption of some other's skills, knowledge and capability are always wrong.
I am fine at one-to-one or in an environment where there is immediate interaction.

Acorn

[SueB]

Acorn, memory for me fails since my illness, but I do think it was a website that I run and not as many menu items, so it was so much easier to do. I did get it then..now with my brain and things not connecting, I do try on my own, look up stuff whether on YT or the manual, but many times I am missing the word to search for to find what I am not getting...and agree sometimes they talk too much, and I have issues following them.

And I totally messed up something deleted repetitive videos in the folder for the website, and I will post another thread asking for help on how not to clean up repetitive stuff. What a mess!
I agree, for me posting here, many times gets me to figure it out..and sometimes in my frustration I post, and while waiting for help, get it figured out.

Thanks for always being willing to help...I do think your knowledge bank and words sometimes get me lost...
Sue

Sue, I do understand. I was referring to one of the prior run-thoughs of your site where the NavBar was failing on mobiles.

All I can suggest is refer to the many YT videos. Most are in bite-size chunks.
I don't use them as I find it incredibly tedious to go at their pace in a linear plod.
I far prefer working at a function until I get stuck then I refer to the manual.

Writing instructions for another is extremely hard as one's assumption of some other's skills, knowledge and capability are always wrong.
I am fine at one-to-one or in an environment where there is immediate interaction.

Acorn

[SueB]

Initiostar, I tried making my own mobile nav like you had written, but no option to pick nav bar, so I'm guessing I didn't get something right.

I made a rectangle, attached the hamburger and tried to right click, no option for nav, then I added "menu" in the same purple color so you couldn't see it and tried to group all to the rectangle and group, and still no option to select nav bar.

Where or what did I miss...

Sue

I looked at the site on my Android mobile and I can see (as Acorn said) that you still have some level 2 links (e.g. Emerald points emerald.htm) - these links need to be removed and added to your third levels links - best illustrated.



I changed a previous demo so you can see the outcome > https://initiostar.co.uk/demo/xara-mobile/

[Initiostar]

Initiostar, I tried making my own mobile nav like you had written, but no option to pick nav bar, so I'm guessing I didn't get something right.

I made a rectangle, attached the hamburger and tried to right click, no option for nav, then I added "menu" in the same purple color so you couldn't see it and tried to group all to the rectangle and group, and still no option to select nav bar.

Where or what did I miss...

Sue

In my example, you would download the menu symbol, create a text column or text area with the word Menu, set the text colour to no fill, align both objects and GROUP. You can set the menu symbol to any colour you want.

You are welcome to explore this here > Xara Standard Template Mobile Menu.xar

You can GROUP any shape and text column / area and the option will be there to create a Xara Navbar. Alignment; colours and fonts for the submenus, including vertical and horizontal offsets can be changed in the Navbar Pop Menu.

Best to play around with the example, get comfortable with how it works before you drop it into your live site.

There are a few variations to this approach but the principles are the same.

[SueB]

Thanks so much. Will work on this file in the morning. Oh, I love that you shared it!!

I did manage to take my mobile (hamburger) menu and place it over a rectangle, set the rectangle to sticky and they both work together. I am not sure how they are working together...but yeah for me! I DID NOT GROUP THEM, only the hamburger is a group and I used it from the website I've been working on cleaning it up.

Now one question I do have is that on the rectangle I wanted to place text or an arrow. But when I place a word there, you can't see it. I went back to something someone had set up on one of my questions and their wording says "text line" and miine says text area..their text line shows up but not my text area. What is the difference, if you know? And on your file, I just looked, says "text column" on the nav bar? How does it say that or determine that??

And can you explain how the rectangle and mobile nav go together when I did not group them? It blows my mind that I can't figure some of this out playing for hours...
And I thank you for the file and patience while I try my best!

Sue

In my example, you would download the menu symbol, create a text column or text area with the word Menu, set the text colour to no fill, align both objects and GROUP. You can set the menu symbol to any colour you want.

You are welcome to explore this here > Xara Standard Template Mobile Menu.xar

You can GROUP any shape and text column / area and the option will be there to create a Xara Navbar. Alignment; colours and fonts for the submenus, including vertical and horizontal offsets can be changed in the Navbar Pop Menu.

Best to play around with the example, get comfortable with how it works before you drop it into your live site.

There are a few variations to this approach but the principles are the same.