Magento 2 - Moving navigation make issue in responsive
I'm moving navigation menu in Header container, I'm using the below code in default.xml of my theme:
<move element="catalog.topnav" destination="header.container" after="logo"/>
This works fine, but when I view this in mobile/responsive view, the menu doesn't show the correct Navigation items,instead it's displaying Header Links (Sign up, Sign In).
Without moving in the Header, the responsive menu is correct what is expected.
magento2
add a comment |
I'm moving navigation menu in Header container, I'm using the below code in default.xml of my theme:
<move element="catalog.topnav" destination="header.container" after="logo"/>
This works fine, but when I view this in mobile/responsive view, the menu doesn't show the correct Navigation items,instead it's displaying Header Links (Sign up, Sign In).
Without moving in the Header, the responsive menu is correct what is expected.
magento2
add a comment |
I'm moving navigation menu in Header container, I'm using the below code in default.xml of my theme:
<move element="catalog.topnav" destination="header.container" after="logo"/>
This works fine, but when I view this in mobile/responsive view, the menu doesn't show the correct Navigation items,instead it's displaying Header Links (Sign up, Sign In).
Without moving in the Header, the responsive menu is correct what is expected.
magento2
I'm moving navigation menu in Header container, I'm using the below code in default.xml of my theme:
<move element="catalog.topnav" destination="header.container" after="logo"/>
This works fine, but when I view this in mobile/responsive view, the menu doesn't show the correct Navigation items,instead it's displaying Header Links (Sign up, Sign In).
Without moving in the Header, the responsive menu is correct what is expected.
magento2
magento2
edited 4 hours ago
Teja Bhagavan Kollepara
2,94841847
2,94841847
asked Oct 9 '18 at 13:16
user54226user54226
296
296
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Try this code:
<move element="navigation.sections" destination="header-wrapper" after="logo"/>
Thanks, it worked! One more, same is the case with the header.links (Sign In, Sign up). I moved them inside header wrapper but now they are removed in responsive menu.
– user54226
Oct 9 '18 at 13:49
What xml you have written for top links? please share
– Chandra Prakash Gupta
Oct 10 '18 at 6:45
<move element="header.links" destination="auth-block" before="head-info-text"/> I used the above line in default.xml to move the header link to Header Content area, in a div 'auth-block', this works fine, but in responsive view, these links doesn't appear in the Menu slider.
– user54226
Oct 15 '18 at 10:57
Use this code: <move element="top.links" destination="auth-block" before="head-info-text"/>
– Chandra Prakash Gupta
Oct 17 '18 at 12:31
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');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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%2f245766%2fmagento-2-moving-navigation-make-issue-in-responsive%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
Try this code:
<move element="navigation.sections" destination="header-wrapper" after="logo"/>
Thanks, it worked! One more, same is the case with the header.links (Sign In, Sign up). I moved them inside header wrapper but now they are removed in responsive menu.
– user54226
Oct 9 '18 at 13:49
What xml you have written for top links? please share
– Chandra Prakash Gupta
Oct 10 '18 at 6:45
<move element="header.links" destination="auth-block" before="head-info-text"/> I used the above line in default.xml to move the header link to Header Content area, in a div 'auth-block', this works fine, but in responsive view, these links doesn't appear in the Menu slider.
– user54226
Oct 15 '18 at 10:57
Use this code: <move element="top.links" destination="auth-block" before="head-info-text"/>
– Chandra Prakash Gupta
Oct 17 '18 at 12:31
add a comment |
Try this code:
<move element="navigation.sections" destination="header-wrapper" after="logo"/>
Thanks, it worked! One more, same is the case with the header.links (Sign In, Sign up). I moved them inside header wrapper but now they are removed in responsive menu.
– user54226
Oct 9 '18 at 13:49
What xml you have written for top links? please share
– Chandra Prakash Gupta
Oct 10 '18 at 6:45
<move element="header.links" destination="auth-block" before="head-info-text"/> I used the above line in default.xml to move the header link to Header Content area, in a div 'auth-block', this works fine, but in responsive view, these links doesn't appear in the Menu slider.
– user54226
Oct 15 '18 at 10:57
Use this code: <move element="top.links" destination="auth-block" before="head-info-text"/>
– Chandra Prakash Gupta
Oct 17 '18 at 12:31
add a comment |
Try this code:
<move element="navigation.sections" destination="header-wrapper" after="logo"/>
Try this code:
<move element="navigation.sections" destination="header-wrapper" after="logo"/>
answered Oct 9 '18 at 13:34
Chandra Prakash GuptaChandra Prakash Gupta
21126
21126
Thanks, it worked! One more, same is the case with the header.links (Sign In, Sign up). I moved them inside header wrapper but now they are removed in responsive menu.
– user54226
Oct 9 '18 at 13:49
What xml you have written for top links? please share
– Chandra Prakash Gupta
Oct 10 '18 at 6:45
<move element="header.links" destination="auth-block" before="head-info-text"/> I used the above line in default.xml to move the header link to Header Content area, in a div 'auth-block', this works fine, but in responsive view, these links doesn't appear in the Menu slider.
– user54226
Oct 15 '18 at 10:57
Use this code: <move element="top.links" destination="auth-block" before="head-info-text"/>
– Chandra Prakash Gupta
Oct 17 '18 at 12:31
add a comment |
Thanks, it worked! One more, same is the case with the header.links (Sign In, Sign up). I moved them inside header wrapper but now they are removed in responsive menu.
– user54226
Oct 9 '18 at 13:49
What xml you have written for top links? please share
– Chandra Prakash Gupta
Oct 10 '18 at 6:45
<move element="header.links" destination="auth-block" before="head-info-text"/> I used the above line in default.xml to move the header link to Header Content area, in a div 'auth-block', this works fine, but in responsive view, these links doesn't appear in the Menu slider.
– user54226
Oct 15 '18 at 10:57
Use this code: <move element="top.links" destination="auth-block" before="head-info-text"/>
– Chandra Prakash Gupta
Oct 17 '18 at 12:31
Thanks, it worked! One more, same is the case with the header.links (Sign In, Sign up). I moved them inside header wrapper but now they are removed in responsive menu.
– user54226
Oct 9 '18 at 13:49
Thanks, it worked! One more, same is the case with the header.links (Sign In, Sign up). I moved them inside header wrapper but now they are removed in responsive menu.
– user54226
Oct 9 '18 at 13:49
What xml you have written for top links? please share
– Chandra Prakash Gupta
Oct 10 '18 at 6:45
What xml you have written for top links? please share
– Chandra Prakash Gupta
Oct 10 '18 at 6:45
<move element="header.links" destination="auth-block" before="head-info-text"/> I used the above line in default.xml to move the header link to Header Content area, in a div 'auth-block', this works fine, but in responsive view, these links doesn't appear in the Menu slider.
– user54226
Oct 15 '18 at 10:57
<move element="header.links" destination="auth-block" before="head-info-text"/> I used the above line in default.xml to move the header link to Header Content area, in a div 'auth-block', this works fine, but in responsive view, these links doesn't appear in the Menu slider.
– user54226
Oct 15 '18 at 10:57
Use this code: <move element="top.links" destination="auth-block" before="head-info-text"/>
– Chandra Prakash Gupta
Oct 17 '18 at 12:31
Use this code: <move element="top.links" destination="auth-block" before="head-info-text"/>
– Chandra Prakash Gupta
Oct 17 '18 at 12:31
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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%2f245766%2fmagento-2-moving-navigation-make-issue-in-responsive%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');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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