Replace style in web\css\source _navigation.less in your custom theme. For Desktop to (your custom width) And for Mobile to (your custom width) Remember one thing you have to add max-width is -1 from min-width. 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 to
Author: Pinky Jacob
How to Create Sticky Header with Animation in Magento 2?
How to add a custom Js file? To write jQuery code, we should add a custom Js file. If you have already added a Js file, skip this step. Add default_head_blocks.xml file in app/design/frontend/<vendor>/<theme>/Magento_Theme/layout/ Add custom.js file in app/design/frontend/<vendor>/<theme>/web/js/ Content for JS: How to Add CSS/LESS File? Update in LESS file Add code in _extend.less file in app/design/frontend/<vendor>/<theme>/web/css/source/ Content of _extend.less: Update in CSS file:… Continue reading How to Create Sticky Header with Animation in Magento 2?
Enable Remember Me Functionality In Magento 2
Steps To Enable Remember Me Functionality In Magento 2 1. Log in to Admin Panel. 2. On the Admin Panel sidebar, go to Stores > Settings > Configuration. 3. In the left panel, choose CUSTOMERS > Persistent Shopping Cart. 4. Expand the General Options section. 5. Untick Use system value and Set Enable Persistence to Yes. 6. Same as above, set Yes for Enable “Remember Me” field.… Continue reading Enable Remember Me Functionality In Magento 2
How to remove tag generated in the website PLP page subcategory description section.
Overview of Magento 2 WYSIWYG Editor WYSIWYG editor in Magento 2 is a useful tool to edit content for CMS pages, CMS blocks, product descriptions & short descriptions, and category descriptions. In the editor, you can see basic functions to create basic content such as text, images, links, widgets, and so on. Above the editor, you… Continue reading How to remove tag generated in the website PLP page subcategory description section.
Scroll To Top In Magento 2
When a visitor scrolls the web page down It is convenient to display a button that will allow easy, by a one-click move customer back to the top of the page To enable such a button on our website. 1. Create a default.xml layout file in your theme directory: /app/design/frontend/ThemeVendor/ThemeName/Magento_Theme/layout/default.xml 2. Paste the XML code: <?xml version=”1.0″?> <page… Continue reading Scroll To Top In Magento 2
To add current class in Customer Account dashboard Custom Link
Add the below code in module_index_index.xml under the body tag. customer-account-navigation-custom-index-index is a block name of in customer_account.xml Example of Please add the below code in module_index_index.xml under body tag customer-account-navigation-custom-index-index is a block name of in customer_account.xml Example of module_index_index.xml file : After run this command php bin/magento setup:upgrade && php bin/magento setup:static-content:deploy -f This will add the current class and highlight it automatically… Continue reading To add current class in Customer Account dashboard Custom Link
Hide custom error messages after a certain time in Magento 2
Create a new message Js file in your module or you can also override directly by adding the same file in your theme directory. After run this command php bin/magento setup:upgrade && php bin/magento setup:static-content:deploy -f
Set Unlimited stock of a product
we can do this by visiting the Advanced Inventory Tab of your product. Just set Manage Stock the option to No If your store contains all digital products then you can set the below option by default, so you don’t need to set it for individual product Manage Stock to No
Add Custom Tab in Customer Account Information in Magento 2
we can add some more custom fields to the account information for customers of Magento 2 to collect more customer data. Step 1 : Create the folder of module So our first step is to create the module folder and necessary files required to register a Magento module. Step 2 : Create etc/module.xml file The… Continue reading Add Custom Tab in Customer Account Information in Magento 2
How to Configure Price Per Customer
One of the Magento 2 features is Customer Group Price. It allows you to set different prices of products in accordance with their quantity as well as depending on the customer group. STEP-BY-STEP PROCESS TO CONFIGURE PRICE PER CUSTOMER IN MAGENTO 2 1. Navigate to Catalog > Products and select a product you want to define the group prices for. 3.… Continue reading How to Configure Price Per Customer