Change Menu breakpoint from 992px to 1200px

Hello,

Since you are using one of the Newer Versions of Canvas, the css/responsive.css File is not included anymore and the Responsive Codes are directly embedded into the style.css Files. Having a Mobile Menu at 1200px is Definitely Possible but there is a fair bit of Customization required to achieve this:

1. In the style.css File, you will need to change all the Media Queries that includes the #header,#primary-menu and other Header Elements from @media (min-width: 992px) to @media (min-width: 1200px) and from @media (max-width: 991.98px) to @media (max-width: 1199.98px).

2. In the js/functions.js File, you will need to change all the following codes targeting the Headers and Primary Menus:
   [ch_pre type="js"]$body.hasClass('device-xl') || $body.hasClass('device-lg')[/ch_pre]

to:
[ch_pre type="js"]$body.hasClass('device-xl')[/ch_pre]

and:
[ch_pre type="js"]$body.hasClass('device-md') || $body.hasClass('device-sm') || $body.hasClass('device-xs')[/ch_pre]

to:
[ch_pre type="js"]$body.hasClass('device-lg') || $body.hasClass('device-md') || $body.hasClass('device-sm') || $body.hasClass('device-xs')[/ch_pre]

This should definitely work fine. We are already working on making this much more easier in the coming updates. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Thanks for your Patience.

We have checked out your Website/Codes and they have not been implemented according to the instructions provided above. You will have to change codes for every Header/Primary Menu reference as mentioned above in the CSS/JS Files.

As currently there is no official support for this because this is related to Customization and the codes are not available for this out of the box, you will need to do this manually. We are working on making this easier with future updates. We will send you a Notification once this is available.

Meanwhile, please consider following the instructions provided above and this should work fine as it did for some other users as well. Make sure that all the Primary Menu/Header related codes are targeted.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

The steps we have provided you with above also requires you to change the codes in the js/functions.js File. For the codes to work correctly, you will need to change the codes in both style.css and js/functions.js Files.

As we have mentioned earlier, we currently do not have a built-in functionality available for this and you need to customize this manually, as we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . Rest assured, we are already working on including this functionality in the Future Updates.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Glad that your issues were resolved.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.