Magento 1.9 RWD responsive menu problem (Not rendering correctly)
Before I explain my problem I just want to confirm I still get this issue after I disable all plugins and disable all theme/skin modifications.
When the mobile menu displays (below 770px) the categories do not display correctly and render as if they have no children and do not dropdown when clicked but still have arrows as you can see below....
After inspecting the code can see that the incorrect classes are being applied to these parent categories as you can see in the screenshot below.
When I compare my nav code to demo sites such as Madison Island I can see some odd differences...
I can't seem to find where or why 'level-top' class is being applied or what significance it has anywhere. Another thing I noticed is the '< a>' tag only contains the class 'level-top' whereas the classes should be 'level0 has-children' which if I apply these the menu renders correctly (Even though clicking them still doesn't drop them down).
My topmenu/renderer.phtml file is not modified and I cannot see anything wrong with it.
LOST!
magento-1.9 navigation rwd-theme topmenu
edited Jun 8 '17 at 4:16
sv3n
9,64062352
asked Jun 5 '15 at 9:24
Harry
264
bumped to the homepage by Community♦ yesterday
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
add a comment |
Before I explain my problem I just want to confirm I still get this issue after I disable all plugins and disable all theme/skin modifications.
When the mobile menu displays (below 770px) the categories do not display correctly and render as if they have no children and do not dropdown when clicked but still have arrows as you can see below....
After inspecting the code can see that the incorrect classes are being applied to these parent categories as you can see in the screenshot below.
When I compare my nav code to demo sites such as Madison Island I can see some odd differences...
I can't seem to find where or why 'level-top' class is being applied or what significance it has anywhere. Another thing I noticed is the '< a>' tag only contains the class 'level-top' whereas the classes should be 'level0 has-children' which if I apply these the menu renders correctly (Even though clicking them still doesn't drop them down).
My topmenu/renderer.phtml file is not modified and I cannot see anything wrong with it.
LOST!
magento-1.9 navigation rwd-theme topmenu
edited Jun 8 '17 at 4:16
sv3n
9,64062352
asked Jun 5 '15 at 9:24
Harry
264
bumped to the homepage by Community♦ yesterday
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
this is css problem just follow @Ricky Odin Matthews answer or otherwise share your url
– Magento 2
Nov 11 '15 at 5:16
I am having the same issue in 1.9.2.3 our site is jennyyoo.com. I tried the css fix above, and it didn't work.
– Elva Sandoval
Mar 23 '16 at 17:29
add a comment |
Before I explain my problem I just want to confirm I still get this issue after I disable all plugins and disable all theme/skin modifications.
When the mobile menu displays (below 770px) the categories do not display correctly and render as if they have no children and do not dropdown when clicked but still have arrows as you can see below....
After inspecting the code can see that the incorrect classes are being applied to these parent categories as you can see in the screenshot below.
When I compare my nav code to demo sites such as Madison Island I can see some odd differences...
I can't seem to find where or why 'level-top' class is being applied or what significance it has anywhere. Another thing I noticed is the '< a>' tag only contains the class 'level-top' whereas the classes should be 'level0 has-children' which if I apply these the menu renders correctly (Even though clicking them still doesn't drop them down).
My topmenu/renderer.phtml file is not modified and I cannot see anything wrong with it.
LOST!
magento-1.9 navigation rwd-theme topmenu
edited Jun 8 '17 at 4:16
sv3n
9,64062352
asked Jun 5 '15 at 9:24
Harry
264
Before I explain my problem I just want to confirm I still get this issue after I disable all plugins and disable all theme/skin modifications.
When the mobile menu displays (below 770px) the categories do not display correctly and render as if they have no children and do not dropdown when clicked but still have arrows as you can see below....
After inspecting the code can see that the incorrect classes are being applied to these parent categories as you can see in the screenshot below.
When I compare my nav code to demo sites such as Madison Island I can see some odd differences...
I can't seem to find where or why 'level-top' class is being applied or what significance it has anywhere. Another thing I noticed is the '< a>' tag only contains the class 'level-top' whereas the classes should be 'level0 has-children' which if I apply these the menu renders correctly (Even though clicking them still doesn't drop them down).
My topmenu/renderer.phtml file is not modified and I cannot see anything wrong with it.
LOST!
magento-1.9 navigation rwd-theme topmenu
magento-1.9 navigation rwd-theme topmenu
edited Jun 8 '17 at 4:16
sv3n
9,64062352
asked Jun 5 '15 at 9:24
Harry
264
edited Jun 8 '17 at 4:16
sv3n
9,64062352
asked Jun 5 '15 at 9:24
Harry
264
edited Jun 8 '17 at 4:16
sv3n
9,64062352
edited Jun 8 '17 at 4:16
sv3n
9,64062352
edited Jun 8 '17 at 4:16
sv3n
9,64062352
9,64062352
asked Jun 5 '15 at 9:24
Harry
264
asked Jun 5 '15 at 9:24
Harry
264
asked Jun 5 '15 at 9:24
Harry
264
264
bumped to the homepage by Community♦ yesterday
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
bumped to the homepage by Community♦ yesterday
This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
this is css problem just follow @Ricky Odin Matthews answer or otherwise share your url
– Magento 2
Nov 11 '15 at 5:16
I am having the same issue in 1.9.2.3 our site is jennyyoo.com. I tried the css fix above, and it didn't work.
– Elva Sandoval
Mar 23 '16 at 17:29
add a comment |
this is css problem just follow @Ricky Odin Matthews answer or otherwise share your url
– Magento 2
Nov 11 '15 at 5:16
I am having the same issue in 1.9.2.3 our site is jennyyoo.com. I tried the css fix above, and it didn't work.
– Elva Sandoval
Mar 23 '16 at 17:29
this is css problem just follow @Ricky Odin Matthews answer or otherwise share your url
– Magento 2
Nov 11 '15 at 5:16
this is css problem just follow @Ricky Odin Matthews answer or otherwise share your url
– Magento 2
Nov 11 '15 at 5:16
I am having the same issue in 1.9.2.3 our site is jennyyoo.com. I tried the css fix above, and it didn't work.
– Elva Sandoval
Mar 23 '16 at 17:29
I am having the same issue in 1.9.2.3 our site is jennyyoo.com. I tried the css fix above, and it didn't work.
– Elva Sandoval
Mar 23 '16 at 17:29
add a comment |
2 Answers
2
active
oldest
votes
It seems like a CSS issue, please check your code is as the following, to apply a 25px pad to the left side (adjust as needed);
.nav-primary a.level0 {
padding: 0 15px 0 25px;
}
answered Jun 30 '15 at 10:12
Ricky Odin Matthews
806512
add a comment |
I tried to replicate what you have going on with your site, and i was able to get the same results by setting my category top navigation (found in the admin under system->config->catalog->catalog->category top navigation to 1 instead of the default 0.
The setting is there for you to control the depth of the of the menu system. So if you have categories that go 4 or 5 deep, the menu can become hard to navigate for the users. When set to 0, there is no filtering used, if you were to set it to 2, you would get your root category plus the next set of sub-categories.
Try changing that back to 0 and see if you get a different result.
answered Jul 16 '16 at 16:46
circlesix
2,68921446
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
});
}
});
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%2f70124%2fmagento-1-9-rwd-responsive-menu-problem-not-rendering-correctly%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
It seems like a CSS issue, please check your code is as the following, to apply a 25px pad to the left side (adjust as needed);
.nav-primary a.level0 {
padding: 0 15px 0 25px;
}
answered Jun 30 '15 at 10:12
Ricky Odin Matthews
806512
add a comment |
It seems like a CSS issue, please check your code is as the following, to apply a 25px pad to the left side (adjust as needed);
.nav-primary a.level0 {
padding: 0 15px 0 25px;
}
answered Jun 30 '15 at 10:12
Ricky Odin Matthews
806512
add a comment |
It seems like a CSS issue, please check your code is as the following, to apply a 25px pad to the left side (adjust as needed);
.nav-primary a.level0 {
padding: 0 15px 0 25px;
}
answered Jun 30 '15 at 10:12
Ricky Odin Matthews
806512
It seems like a CSS issue, please check your code is as the following, to apply a 25px pad to the left side (adjust as needed);
.nav-primary a.level0 {
padding: 0 15px 0 25px;
}
answered Jun 30 '15 at 10:12
Ricky Odin Matthews
806512
answered Jun 30 '15 at 10:12
Ricky Odin Matthews
806512
answered Jun 30 '15 at 10:12
Ricky Odin Matthews
806512
answered Jun 30 '15 at 10:12
Ricky Odin Matthews
806512
806512
add a comment |
add a comment |
I tried to replicate what you have going on with your site, and i was able to get the same results by setting my category top navigation (found in the admin under system->config->catalog->catalog->category top navigation to 1 instead of the default 0.
The setting is there for you to control the depth of the of the menu system. So if you have categories that go 4 or 5 deep, the menu can become hard to navigate for the users. When set to 0, there is no filtering used, if you were to set it to 2, you would get your root category plus the next set of sub-categories.
Try changing that back to 0 and see if you get a different result.
answered Jul 16 '16 at 16:46
circlesix
2,68921446
add a comment |
I tried to replicate what you have going on with your site, and i was able to get the same results by setting my category top navigation (found in the admin under system->config->catalog->catalog->category top navigation to 1 instead of the default 0.
The setting is there for you to control the depth of the of the menu system. So if you have categories that go 4 or 5 deep, the menu can become hard to navigate for the users. When set to 0, there is no filtering used, if you were to set it to 2, you would get your root category plus the next set of sub-categories.
Try changing that back to 0 and see if you get a different result.
answered Jul 16 '16 at 16:46
circlesix
2,68921446
add a comment |
I tried to replicate what you have going on with your site, and i was able to get the same results by setting my category top navigation (found in the admin under system->config->catalog->catalog->category top navigation to 1 instead of the default 0.
The setting is there for you to control the depth of the of the menu system. So if you have categories that go 4 or 5 deep, the menu can become hard to navigate for the users. When set to 0, there is no filtering used, if you were to set it to 2, you would get your root category plus the next set of sub-categories.
Try changing that back to 0 and see if you get a different result.
answered Jul 16 '16 at 16:46
circlesix
2,68921446
I tried to replicate what you have going on with your site, and i was able to get the same results by setting my category top navigation (found in the admin under system->config->catalog->catalog->category top navigation to 1 instead of the default 0.
The setting is there for you to control the depth of the of the menu system. So if you have categories that go 4 or 5 deep, the menu can become hard to navigate for the users. When set to 0, there is no filtering used, if you were to set it to 2, you would get your root category plus the next set of sub-categories.
Try changing that back to 0 and see if you get a different result.
answered Jul 16 '16 at 16:46
circlesix
2,68921446
answered Jul 16 '16 at 16:46
circlesix
2,68921446
answered Jul 16 '16 at 16:46
circlesix
2,68921446
answered Jul 16 '16 at 16:46
circlesix
2,68921446
2,68921446
add a comment |
add a comment |
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f70124%2fmagento-1-9-rwd-responsive-menu-problem-not-rendering-correctly%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
this is css problem just follow @Ricky Odin Matthews answer or otherwise share your url
– Magento 2
Nov 11 '15 at 5:16
I am having the same issue in 1.9.2.3 our site is jennyyoo.com. I tried the css fix above, and it didn't work.
– Elva Sandoval
Mar 23 '16 at 17:29