Burger menu on mobile – page titles split

Hello @tigerfruit,

Since you are using the custom header template, it needs more customization. It opens as wide as the column it is inside. You can use this CSS and edit it as you want, so please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

@media(max-width:480px) {
    #mobile-dropdown {
        width: 230px !important;
        margin-left: -100px;
    }
}

Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

I hope that helps.
Best Regards