responsive: Set minimum screen resolution width to activate to mobile menu

Dear Xtemos,
if user screen resolution is below 1207px width, my menu gets too messy.
I noticed that under 1024px width site menu switches to MOBILE menu. How can I set mobile menu to be activated when width is 1207?
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

You have added a lot of elements in one row of your menu and there is no space to fit all the elements, please consider using the button row and move your menu there.

Best Regards

Hi Elise,
thanks for your kind and quick reply. However, could you read my question and kindly provide an answer to it?
Much appreciated!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

@media (max-width: 1207px) {
  .whb-hidden-desktop,
  .whb-hidden-lg {
	display: flex;
  }
  .whb-hidden-mobile,
  .whb-visible-lg {
    display: none;
  }
}

Best Regards

Much appreacited Elise, it worked like a charm!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts