Mobile Main category show on first mobile menu view

Hi,

I want to show main category on first view currently it's showing inside all categories menu. you can check this link - http://prntscr.com/pvwko9

This all categories we want to show on first level when we click on humber menu icon. you can check this link - http://prntscr.com/pvwla1

Can you please check and update us know what we need to change for that?

Thank you

Hi xcellenceit,

you cannot achieve this without some code modifications since this is the default behavior of the theme and altering it would be a customization.

We can suggest a possible solution but if you encounter any problems with it you would need to deal with them yourself.

If you are still willing to do it, you need to open the following file in your text editor:

~ Presentation\Nop.Web\Plugins\SevenSpikes.Nop.Plugins.MegaMenu\Themes\Emporium\Views\Components\MegaMenu\MegaMenu.cshtml

and change the code on line 54 from:

responsiveCategoryMenuItems.Add(responsiveMenu);

to:

responsiveMenuItems.Add(responsiveMenu);

Save the file and restart your site clearing the cache, and the changes should take effect.
Have in mind that this will the All categories item completely empty and you might need to hide it by adding the following code to your theme`s Custom Head Style section:

.mega-menu-responsive .all-categories {
    display: none;
}

Hope this was helpful.
Have a nice day!

Thanks,

this solution work for us