Full Menu Wraps

Hello,

You can consider decreasing the Size of the Text in the Menu on these devices:
[ch_pre type="css"].device-lg .menu-container > .menu-item > .menu-link {
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
letter-spacing: 0px;
}[/ch_pre]

Additionally, to decrease the Size of the Logo, you can consider using the following code:
[ch_pre type="css"].device-lg #header:not(.sticky-header) #logo img {
height: 70px;
margin-top: 15px;
margin-bottom: 15px;
}[/ch_pre]

This should definitely work fine. Hope this Helps!

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

Hello,

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]

That's all. This should definitely work fine. We are already working on making this much more easier and this feature will be available in the next major version of Canvas. Hope this Helps!

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