By default, the tablet menu is activated at 921px. On your website, the header breaks at 1013px due to less spacing.
Please update the tablet breakpoints to 1024 by following the instructions here to fix the issue.
I hope that helps!
Regards,
Kapil ??
// Update your custom tablet breakpoint below - like return 921;
add_filter( 'astra_tablet_breakpoint', function() {
return 921;
});
]]>
/* Space between letters on the entire website. */
* {
letter-spacing: 2px !important;
}
This code changes the menu in the center.
I would like to keep the space between the letters by 2px.
]]>Yes, you can use that code to update the Breakpoint of your site. It will change only the Breakpoint and will not change anything else, like the menu position.
I hope it will help.
Kind regards,
Herman ??
With both Firefox and Chrome.
]]>You need to change it to a bigger value. For example 1024. That way, the Menu will turn into a Toggle Button started on a screen with 1024px width.
I hope that clarifies and clears any confusion you may have.
Kind regards,
Herman ??
Sure please try and let us know your findings.
With Regards
Humayon
]]>