Menu that open by itself after clicking on the link of a parent category
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ margin-bottom:0;
}
When I click on parent category, the page load but the menu re-open if the pointer of the mouse is still present.
What do you recommend so that the menu does not re-open immediately ?
magento2 custom-menu
New contributor
add a comment |
When I click on parent category, the page load but the menu re-open if the pointer of the mouse is still present.
What do you recommend so that the menu does not re-open immediately ?
magento2 custom-menu
New contributor
add a comment |
When I click on parent category, the page load but the menu re-open if the pointer of the mouse is still present.
What do you recommend so that the menu does not re-open immediately ?
magento2 custom-menu
New contributor
When I click on parent category, the page load but the menu re-open if the pointer of the mouse is still present.
What do you recommend so that the menu does not re-open immediately ?
magento2 custom-menu
magento2 custom-menu
New contributor
New contributor
New contributor
asked yesterday
ThomasThomas
61
61
New contributor
New contributor
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
13 hours ago
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f269595%2fmenu-that-open-by-itself-after-clicking-on-the-link-of-a-parent-category%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
13 hours ago
add a comment |
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
13 hours ago
add a comment |
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
This would be a great question for https://ux.stackexchange.com/, they provide some really good and often well researched and data-driven answers to this kind of thing.
But quickly what comes to mind, depending on how much control you have over the theme:
- Wait for x seconds after page load to allow the menu to open
- Wait for some amount of mouse movement before allowing the menu hover effects to work (probably the length of one of the larger menu items)
- Wait some small amount to create the hover effect (looks like the menu already has a small delay with animation, any more might annoy users)
- Make menu open when the item is clicked instead, include a nested sub menu item to replace the parent link.
Most of these would require a short delay after page load. You can use an overlay over the menu or add a class to the menu that enables the css to show the dropdown. I won't go into those details and assume that part you can figure out, but I'm happy to help if not... let me know.
Edit - want to add that the last idea, the click option, is my personal preference.
answered yesterday
jamiljamil
600426
600426
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
13 hours ago
add a comment |
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
13 hours ago
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
13 hours ago
I am a little lost, on a lot of site the submenu does not re-open after I click into a category. It's more user friendly. I have a low level, it's been 3 months that I seek a solution but without success. What should I change? Is this an element of the CSS file? or something of PHTML? I would like to : if cursor enter in menu -> display submenu if cursor is already in menu at load time -> do not display submenu
– Thomas
13 hours ago
add a comment |
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Thomas is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f269595%2fmenu-that-open-by-itself-after-clicking-on-the-link-of-a-parent-category%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown