Header to span half the distance

[summerskin]

Hi! Is it possible for our header to go only half the distance instead of the full width of the screen? Like this:

Currently working on the header titled default header.

[tristup]

Hi Allison,

Thanks for reaching out.
It seems that you are using the Off Canvas element and you need to set the Max Width to 100% to get it full.

Hope it helps.
Thanks

[summerskin]

No, I want it to be at 50% of the screen, not full. What I showed you is an example of what I want it to look like. This is what our header currently looks like. How can I get it to be at 50% and look like the image shared above?

[ruenel]

Hello Allison,

The Navigation Modal occupies the whole screen. You should be using the Off Canvas element and insert a navigation menu so that you can achieve a 50% width that you want for your site. Take this for example:

Best Regards.

[summerskin]

Got it, thank you. How can I change the color of the screen to the left that changes to black upon selection of the burger menu? We don’t want it to be tinted and dark. We may want it to be just white only.

[tristup]

Hi Allison,

You can change the Backdrop color from Backdrop & Close settings, as shown in the given screenshot.

Hope it helps.
Thanks