Main Menu : display categories on mobile

[felixn]

Hi,

I'm trying to create a small e-shop for my sister (artist). I'm using prestashop 1.7.6.8 with default theme.

I have some issues regarding the menu (only changes so far are colors). I'm usig the default "main menu" module.

- on desktop, it is quite nice :

-on mobile (or desktop with width<768 pixels), the categories ("originaux", "impressions" and "livraison") disappear, and there is just a menu icon with 3 little bars (on which the user has to click to see the menu) :

The problem is that by not displaying the menu, users might miss that it is mainly an e-shop (the rest of the start page is more about the drawing technique).

 

Is there a way to display the menu (there are no sub-categories) also on mobile version?

Either exactly as on desktop (with smaller font if needed), or on a separate line, or one menu item per line, or in some other way? The important part is that the menu items are directly visible. Using a different module is also fine as long as it is a free one.

 

For example, if on mobile phone I ask to display desktop version, I get something rather OK that would be looking nice after modifying a little bit the CSS. However, I would then need a solution to display (this part) in desktop version by default.

 

 

So, what can I do to get the 3 menu items displayed directly on mobile?

 

Thanks a lot in advance

Felix

[Knowband Plugins]

Kindly use the below JS or CSS code for the mobile view

JS : $('#mobile_top_menu_wrapper').show();

CSS : #mobile_top_menu_wrapper{ display : block !important; }

[Farakh Jamil]

Thank you Knowband Plugins, but where does one insert that code in Prestashop 8.1??