Customized menu in two columns in the top menu

Hello @gusum,

Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

@media(min-width: 780px) {
    #topbar-template {
        max-width: 400px;
        width: 100%;
    }
}

For more information about the CSS/JS code on the customizer, please read this link:
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, don’t forget to click on the regenerate all assets file and data in Elementor > Tools.

Result: https://i.postimg.cc/LXbr4mFN/image.png.

I hope that helps.
Best Regards

Hi Shahí, thanks for replying.

I have put in the code, clicked on the regenerate all files in Elmentor and cleared the browsers cache (I have no server CDN) and it continues to look the same….

What could be going wrong?

Any changes I make to the CSS styles are not being reflected. I only see it in the development environment, but even though I click Publish, they are not being published.

I installed the Simple CSS plugin and tried to put the code and it worked.

Hello @gusum,

You’re welcome,
Please note that if you enable the “WP Head” CSS style on Customizer > General Options > General Styling: https://i.postimg.cc/XNLCQn8J/image.png, then you do not need to use any third-party plugins, it will work.

Best Regards