I can't find any help how to make menu like mobile also for desktop. How I can change breakpoint or something to have one menu style.
-
How can I change breakpoint width?– MorganDec 6, 2017 at 10:13
-
3I'm voting to close this question as off-topic because , This implementation completely depends on your theme– Murtuza Zabuawala ♦Mar 30, 2018 at 12:24
-
1I disagree with closing this, OP has asked how to customise his theme to use the mobile navigation on desktop. This is related to Magento and theme questions are not off-topic.– Ben CrookJun 1, 2018 at 13:20
-
1You could say any front-end question depends on your theme.– Ben CrookJun 1, 2018 at 13:21
Add a comment
|
1 Answer
The JS for the menu that has that functionality can be found in lib/web/mage/menu.js First create the folder structure in your theme ex: [Namespace]/[theme_name]/web/mage/
And copy menu.js from lib/web/mage/menu.js to [Namespace]/[theme_name]/web/mage/menu.js
And change
mediaBreakpoint: '(max-width: 768px)'
to
mediaBreakpoint: '(max-width: 1025px)'
-
Teja can you inform me what you have issue and you tried with above answer? Jan 9, 2020 at 13:50
-
-
Teja follow this instruction: Copy menu.js file from lib/web/mage/menu.js and paste into your frontend theme like Frontend/Theme/Themename/web/mage/menu.js Jan 10, 2020 at 10:07
-
Then search text "mediaBreakntpoi" into your theme menu.js file Jan 10, 2020 at 10:08
-
you can find something like mediaBreakpoint: '(max-width: 768px)' Jan 10, 2020 at 10:08