How to make the navbar collapse earlier

Sparkling
#1

Hello,

First of all, thank you for a top-qualaity theme!

I was wondering if you could advise me on how I can make the sparkling navbar collapse earlier.

I would like the mobile navbar appear also for these ranges: @media (min-width: 768px) and (max-width: 991px).

I have found some code snippets on the web that make just that, but there was one problem that always persisted. Even If I managed to collapse the navbar for those viewport widths, the toggled nav items exposed the “hover behaviour” showing the red box with sub-items instead of opening the sub-items the way it works on small devices.

I will be very graeful for your help.

Kind regards,

Lukasz

#2

Lukasz,

There are no easy ways to get this done.

The simplest method would be to generate custom Bootstrap file with custom breakpoint and then replace it with existing Bootstrap files. Then you will have to get rid of all custom CSS written for this theme to style this menu as there are some mobile and desktop styles applied.

It can be done but few line of code are not going to be sufficient.