NAV Element

This NAV Element : https://anymod.com/mod/navbar-shapely-mladdn?preview=true

A: )
it is missing a propper width for the sub-menu-A-Tags (the a-tags are not as wide and high as the LI Element is. This caused the links to not be clickable everywhere) I will have look into the CSS and improove this

B: )
The Navigation needs some JS-code to ensure the CURRENT Link Element is highlighted (active Element should be styled differently, eventuallly also if it is an element inside of the dropdown submenu by highlightling the parent a-Tag) I will have look into this - I will have to invest more time

C:)
I need to define the target="_blank" attribute for a single Link inside of the menu , but remained unable to do that , because by default, that attribute cannot be set for a specific link, at least I remained unable to accomplish this. That will be something I will have look into - I will have to invest more time into this

We will check out and fix this mod, and also go through some of the newer mods again to check for issues. Thank you for reporting!

1 Like

Thank you. Do not hesitate to take a look at this cloned version:

https://anymod.com/projects/86N4N3/dashboard

The Name of the Mod is: nkrkdn

While you might probably not want to copy my solution, it might help you to visualize the functions this Nav might additionally be equipped with.

You will probably be able to write this solution in a cleaner fashion with vue.

Additinal functions I have not yet mentioned include :

  • E.g. a Nav -Dropdown which is programatically closed on scroll: Not only will the nav-Element itself disappear on scroll(down), but also will the opened Nav-Dropdown-Element be automatically closed on scroll) . (that function is applied on mobile only)

See:
http://skysails-power.com.w00edd9f.kasserver.com/advantages.html

user: sky
pass: power

1 Like

I will be grateful for a short notice after you fixed this . I will import your improovements right away.

1 Like

Also am I grateful for any timeline you might be able to provide: When do you assume your Fix might be available? I am asking my question after 17 days have already gone by.

Hi Stefan, we’ve bumped this to the front of the queue and should have it out this week :+1:

hi Tyler, just to make double sure:

this ticket is related: it states there is an additional issue with the NAV on mobile devices.

I tested the NAV on an old Tablet (IOS) while I was visiting my parents over the weekend.
I cannot say which ios-version the Apple I-Pad was (regretfully) , it it was no longer supported .

I found oout the Hamburger-Menu-Element was massively displaced.

The Hamburger-Menu-Element was floating completely below the NAV-Element itself. It was visible, but positioned completely below the Header-Element .

It is a pity I cannot specify further. I cannot say much more. It might be worth to take a glimpse on older Ipads (on Safari) to check for further serious potential errors with this MOD .

PS: I will also walk into an apple shop and test the Page on some recent iPads soon.

But on older ios Safari Browsers I guess I can confirm the error on my page. I cannot say if the template is affected as well, but I guess it is.

Hi Stefan, we made some updates to the mod here: https://anymod.com/mod/navbar-shapely-mladdn?preview=true

Let us know if that works better for you.

Are those the two changes you applied?
1:
I can see there is a new target="_self" attribute.
2:
Also The sub-menu-A-Tags has a propper width now .

Or did you work on more and I did not realize it? I found out some issues remain unfixed. And I already defined them in detail, let me sum up again:

A:
The Navigation still needs some JS-code to ensure the CURRENT Link Element is highlighted. The active Nav-Element should be styled differently. This is especially also the case if it is an element inside of the dropdown submenu (by highlightling the parent a-Tag).

B:
And for a propper UI on MOBILE it will be mandatory for the NAV to not position the sub-Menu absolute. Do you agree on this?

C:
I found out the Hamburger-Menu-Element is massively displaced on older IPAD Safari Versions. I tested the NAV on an old Tablet (IOS). Can you confirm this issue?

Can you confirm the above three issues remain unsolved? Can you confirm Those are issues anymod might want to adress? Please see Issues A + B + C .

http://skysails-power.com.w00edd9f.kasserver.com/anymod-test.html
user: sky
pass: power

PS: on MOBILE devices I would love the NAV to be positioned FIXED. It should be visible on scroll UP and not be visible on scroll DOWN. Also should it always be visible when the user has reached the bottom of the page. That means the nav-Element itself will disappear on scroll(down), and reappear on Scroll(up). A lot of cool NAV-Elements behave that way on Mobile today. Please See the below URL, I integrated those scroll-functionalities into my MOD there: http://skysails-power.com.w00edd9f.kasserver.com/advantages.html

Today is saturday the 14th of September.

I consider the UI of this MOD non-mobile-ready : with regard to the sub-menu-structure

plus: older Safari browsers (on IOS-IPad-devices): might display the Hamburger-Menu massively mal-positioned.

And: The JS is not capable to highlight the ACTIVE Nav-Element. The currently “active” Page in the browser is not highlighted in the Navigation-pane.

AnyMod announced the intention to improove the TEMPLATE-NAV three weeks ago (22 days).

I forwarded a deadline to my client . The deadline has passed. I would like to update my client with a new deadline.

When will your Template-Nav-Module be ready for use?

As far as my use-case for this MOD is concerned: For Me The most important issue might be the “UI on Mobile”. Because I already developed a workaround solution on my own (took a lot of time!), because I wanted to highlight the active Link-Element on my webpage for this NAV. And the broken Styling on older IOS Ipads on Safari might not be as urgend, thus the UI on Mobile might be my biggest issue.

If you feel you cannot provide a reliable deadline, I might prefer to sit down and manually develop / improove the Template NAV on mobile myself. This is, however, not what I hoped for when I started dropping that Mod into my html-Structure 22 days ago.