Drop down menu white space

Sep 27th, 2018 at 02:04 PM
User 2526084 Photo

Rooky
Registered User
65 posts

Hope this is just me missing something simple...

I have noticed that when my menus are open so the sub-menus are showing, if a user clicks in the white space within the sub-menu rectangular area and does not highlight the hyper-link text itself, the sub-menu just closes without being re-directed. This is particularly a problem on mobile devices where the menu is in hamburger mode, using your finger to navigate the sub-menus on the right-side of the screen results in no re-directs....

QHSE Software - https://onsafelines.com | https://qhse.support
Sep 27th, 2018 at 02:16 PM
User 122279 Photo

Inger
Senior Advisor
14,450 posts
Online Now

Are you asking a question? If so, we would need to see a menu with this problem.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Sep 27th, 2018 at 02:58 PM
User 2526084 Photo

Rooky
Registered User
65 posts

Link is in the footer of my posts :D
QHSE Software - https://onsafelines.com | https://qhse.support
Sep 27th, 2018 at 03:01 PM
User 122279 Photo

Inger
Senior Advisor
14,450 posts
Online Now

I had a look at that site, also with my mobile, but I couldn't see any problem. Please explain further.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Sep 27th, 2018 at 03:22 PM
User 2526084 Photo

Rooky
Registered User
65 posts

When you move the mouse inside the sub-menu rectangle the hyper-link does not work until the actual text within the rectangle turns to underline status i.e. 'sub-menu-name' will work but 'sub-menu-name' will not. Therefore unless the user is aware that they need to highlight the sub menu text so it becomes underlined, just clicking in the white space (finger on mobiles) does nothing...
QHSE Software - https://onsafelines.com | https://qhse.support
Sep 27th, 2018 at 03:55 PM
User 122279 Photo

Inger
Senior Advisor
14,450 posts
Online Now

I see. It probably depends on how those links have been built. I tried adding some text links into a narrow container, and the links all went 'wall-to-wall', also if the text was shorter. That obviously doesn't happen on that site of yours.
If you want someone to look into it, then please post your project file, so that we can see the properties for the links and the container they are in.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Sep 27th, 2018 at 06:04 PM
User 2699991 Photo

Wayan Jaya
Registered User
4,799 posts
Online Now

Rooky wrote:
When you move the mouse inside the sub-menu rectangle the hyper-link does not work until the actual text within the rectangle turns to underline status i.e. 'sub-menu-name' will work but 'sub-menu-name' will not. Therefore unless the user is aware that they need to highlight the sub menu text so it becomes underlined, just clicking in the white space (finger on mobiles) does nothing...


Hi Rooky How's the weather over there?

The best way would have to put the text into a "link-container", that way the whole container acts as the trigger.
One other way would be to add padding to the link-text so that the trigger area is larger in the container (keep font size same)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
Sep 27th, 2018 at 09:55 PM
User 244626 Photo

Twinstream
Registered User
811 posts

You can also set your regular container height to auto. Then go back to text link inside the container and adjust the line height.
Bootstrap 5 CSS Grid.
Sep 29th, 2018 at 04:04 PM
User 2526084 Photo

Rooky
Registered User
65 posts

Thank you everyone, all sorted now.

I ended up re-designing the menu with the help a sample menu supplied by Inger. Please also refer to this forum post Import Menu into Existing Project File
QHSE Software - https://onsafelines.com | https://qhse.support

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.