Make Navigation bar collapse earlier

Travelify
1

Hello,

how can I make the navigation bar collapse earlier into the mobile menu? Right now it starts at 768 px width, how can I change it so it starts for tablets with 800 px?

Best regards

2

Hi @opti8,

I hope you are well today and thank you for your question.

To achieve this you have to develop custom CSS code as developed for Sparkling theme in the following topics.

https://colorlibsupport.com/t/menu-4/
https://colorlibsupport.com/t/how-to-adjust-menu-and-font-for-mobile/

Best Regards,
Movin

3

Hi Movin,

thank you, I copied the code from the first link in the custom CSS but it did not work yet when I tested it with different screen sizes. Will try the other one later.
Can you also tell me how to remove the sidebar with screen sizes up to 800px? Right now the sidebar gets displayed from 768px onwards. Or should I start a new topic for that?

Best regards

4
thank you, I copied the code from the first link in the custom CSS but it did not work yet when I tested it with different screen sizes. Will try the other one later.

Those codes are for Sparkling theme so they won’t work for you Travelify theme.

Please read my above posted reply carefully “To achieve this you have to develop custom CSS code as developed for Sparkling theme in the following topics.”

Can you also tell me how to remove the sidebar with screen sizes up to 800px? Right now the sidebar gets displayed from 768px onwards. Or should I start a new topic for that?

Yes please create a new topic.

5

Hi Movin,

ok, I understand. I am not really familiar with CSS codes unfortunately, is there maybe a premium version of the theme with support for that?

Best regards

6

Currently there isn’t premium version of the theme.

If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Colorlib recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5