Ambiera Forum

Discussions, Help and Support.

Ambiera Forum > RocketCake
(Bug) Right-aligned Nav menu display issues on mobile

martin
Registered User
Quote
2023-02-12 14:30:48

I am using the RC Navigation Menu and managed to make it right-aligned, i.e. it will display on the right side of the page and the hamburger menu is also on the right side.

However there are display issues depending on browser:

1. Chrome mobile (109.0.5414.118 on Android): the menu that folds out from the hamburger renders partially outside the viewport.

2. Firefox mobile (Android): renders correctly

3. Chrome desktop (109.0.5414.120): the menu that folds out from the hamburger is fully visible, but in hamburger-mode the hover highlight box of menu items does not span their entire width.

4. Firefox desktop (109.0.1): same issue as Chrome desktop

Realistically, only No. 1 is really important, because its widely used. No. 3 and 4 reported only for completeness, I don't think users will narrow their browser windows that much.

Note for interested - how did I right-align the Nav Menu:
1. Force a fixed px width on the Nav Menu container incl a break point to force Nav Menu width to 50px in hamburger mode.
2. Right-align the Nav Menu container w.r.t its parent (the tricky part)


niko
Moderator
Quote
2023-02-13 06:46:44

Thanks! Will have a look at this and see if we can improve support for right aligned menu a bit.


martin
Registered User
Quote
2023-02-17 10:41:33

Super!
I can send a small RCD file that reproduces the issue, if needed


Create reply:


Posted by: (you are not logged in)


Enter the missing letter in: "Intern?tional" (you are not logged in)


Text:

 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


   






Copyright© Ambiera e.U. all rights reserved.
Privacy Policy | Terms and Conditions | Imprint | Contact