10 votes

Magento 2 : Missing Account Links in Mobile Menu

This happened to me when I made a custom theme. I created a theme.js file in app/design/fontend/<CUSTOM_THEME>/default/web/js/ to use some library I added. But I forgot to copy the code that ...
Cladiuss's user avatar
  • 1,271
5 votes
Accepted

Magento 2 : How to use Default Menu in Mobile view?

I have found a solution, I am calling the default menu by the following code using it in template file of the module. echo $this->getLayout()->createBlock("Magento\Theme\Block\Html\Topmenu")-&...
Jaykumar Bhojwani's user avatar
4 votes
Accepted

Magento 2 : Remove “Settings” Tab in Mobile Menu

Try to put this line into your theme directory Magento_Theme\layout\default.xml file: <referenceBlock name="store.settings" remove="true" />
Chandra Prakash Gupta's user avatar
3 votes
Accepted

where to change responsive media breakpoint 767px in magento 2

1. The media attribute for the styles-l.css stylesheet In the default_head_blocks.xml file of your theme change the breakpoint used for loading the styles-l.css stylesheet to 1024px. app/design/...
Savan Patel's user avatar
  • 2,348
3 votes

Magento 2 : Remove “Settings” Tab in Mobile Menu

Try this using CSS: @media screen and (max-width:767px){ .switcher.language, [aria-controls*="store.settings"] { display: none !important; } } To Fix rest of 2 menu's width set width to 50% ...
anonymous's user avatar
  • 3,732
3 votes

Magento 2 : Remove “Settings” Tab in Mobile Menu

If you are using Porto Theme, you can remove it in your admin panel. Through your custom CSS settings Porto → Setting panel → Customization Setting. Just add this code: .switcher.language, [...
fmsthird's user avatar
  • 4,592
3 votes
Accepted

M2 Edit mobile menu - remove 'All' keyword

All word is appended by menu.js located at \vendor\magento\magento2-base\lib\web\mage\menu.js line # 286 by following code : ... this.categoryLink = $('<a>') .attr('href', categoryUrl) .text($....
Anil Suthar's user avatar
  • 4,731
3 votes
Accepted

Magento 2 : Remove "Menu" Tab in Mobile Menu

This is the CSS-based solution to hide the Menu tab in the mobile menu: .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { .nav-sections-items { .section-...
Brad's user avatar
  • 83
2 votes
Accepted

Mobile Menu is not coming properly

Mobile menu checking. To check if your mobile menu is working it is best to use a browser with developer tools. For example Google Chrome has a developer tool with mobile views. Open your website ...
fja3omega's user avatar
  • 265
2 votes
Accepted

How do I display 'Sign In' near cart icon in header section (Only for mobile view) in magento 2

It is possible from this way you can move class near minicart using jquery. please input this jquery script in to your any phtml file in your custom theme Magento_Theme. <script type="scipt/...
Magento_Bhurio's user avatar
2 votes
Accepted

Magento-2 Mobile menu setup

You can use following code in your CSS for displaying menu in your mobile device @media only screen and (max-width: 767px) { body.cms-my-homepage div.main-menu.menu-style-2{display:block} }
Aasim Goriya's user avatar
  • 5,444
2 votes

Click on 2nd level Submenu Close All Menu in Mobile(View) in Magento 2

1) Create mixin for mage/menu 2) rewrite function _toggleMobileMode 3) add 3 lines to the 'click .ui-menu-item:has(a)' method this.active = null; this.select(event); this.expand(event) 4) It works ...
Yuriy Matviyuk's user avatar
2 votes

Header Links showing twice under the Account Links in Mobile Menu Magento 2

I just solved this issue by way of media query. Im not entirely sure what is causing the double injection of the account links, but it seems to me that it is copying the desktop version of those menu ...
gxrobb's user avatar
  • 87
2 votes
Accepted

M2 - After move catalog.topnav to header.panel how to include catalog.topnav inside hamburger menu in mobile view

You have to move navigation.sections instead of catalog.topnav and destination shoud be header-wrapper like below:- <move element="navigation.sections" destination="header-wrapper&...
Dipesh Rangani's user avatar
1 vote

Move order summary in checkout pages only in mobile so that it is always displayed

Magento2 Show the Order summary in Mobile Please find the following path vendor/magento/module-checkout/view/frontend/web/template/sidebar.html and this file shows the following code sidebar.html <...
Mehul Dhapa's user avatar
1 vote

Magento 2 : Missing Account Links in mobile view

Paste this code in theme.js file and put that file inside Magento_Theme/web/js /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ define([ 'jquery'...
suraj's user avatar
  • 11
1 vote

How to keep the mobile menu open when loaded for the first time Magento 2?

You can do this using jQuery, try the below code in the toggle function of the menu.js file. Override this file to your theme or you can extend it also. File: lib/web/mage/menu.js Code to add in ...
Satish Dubariya's user avatar
1 vote

Mobile header and menu not working

Oops turns out I had overridden logo.phtml which contains the toggle nav, I hadn't realised.
iwfabric's user avatar
1 vote
Accepted

Header Links showing twice under the Account Links in Mobile Menu Magento 2

Please comment <move element="top.links" destination="customer"/> in ../app/design/frontend/Smartwave/porto/Magento_Customer/layout/default.xml http://prntscr.com/r0nvs2
Bharat Sevra's user avatar
1 vote
Accepted

Click on 2nd level Submenu Close All Menu in Mobile(View) in Magento 2

I had managed this issue by custom jquery and css to solve. This might help someone. Javascript Code Below: require(['jquery', 'jquery/ui'], function($){ // ... Irrelevant code omitted ... $(...
Chirag Rajput's user avatar
1 vote

Magento 1.9 mobile menu not working properly

The problem is in min-height: calc(100vh - 200px); remove it and it will works, check also if you will have any issue. .nav-container.mobile { position: absolute; top: 100%; left: 0; ...
PЯINCƎ's user avatar
  • 11.7k
1 vote

Magento 2 : Missing Account Links in Mobile Menu

If it helps anyone, I had a similar issue but it was because I'd moved the .header.links ul out of the .panel.header div. So, the code referenced in the theme.js file that @Cladiuss references above $(...
TMax's user avatar
  • 83

Only top scored, non community-wiki answers of a minimum length are eligible