How Do We Make The Menu More Responsive?

[capk1]

Hello, 

We have 8 categories distributed horizontally across our header menu. The problem is when we shrink the page
horizontally at least 2 of the menu categories drop down to the second line. Instead, we prefer that it be a full
line of the 8 categories or that it transforms into the 3 bars that appear on the left as it defaults to on a mobile
site or a tablet. We are on Version 1.7.4.3 with the Elementor design. I've attached a file to show the problem
of how the header menu looks when it is shrunken horizontally (www.shopvitalchild.com) 

Our developer says "for fully responsive menu we need to buy new module". Somehow, I just don't believe him.

Our theme is warehouse version 4.2.1 Designed by IQIT COMMERCE
https://iqit-commerce.com/xdocs/warehouse-theme-documentation/
https://themeforest.net/item/warehouse-responsive-prestashop-16-theme-blog/3178575

[capk1]

@Guest You were awesome last time ...Any thoughts on this problem?

[Guest]

Hello.
Thank you for your appreciation.
It is necessary to find out from which width the mobile menu is activated.
In the CSS file you need to find something like @media all and and change the value of min-width or max-width.
It either changes in the CSS template or in the iqitmegamen module and its CSS.
I'll look into it during the day.

[capk1]

2 hours ago, Guest said:

Hello.
Thank you for your appreciation.
It is necessary to find out from which width the mobile menu is activated.
In the CSS file you need to find something like @media all and and change the value of min-width or max-width.
It either changes in the CSS template or in the iqitmegamen module and its CSS.
I'll look into it during the day.

I don't know where it is activated. .. I appreciate you looking into it during the day.

 

[Guest]

You need to turn off the CSS style cache to see.

[capk1]

10 minutes ago, Guest said:

You need to turn off the CSS style cache to see.

ok, I'll ask my Developer. He should know how to do that