Submenu exceded the screen limit

  • Hi,

    I was creating a menu for a website that has several menus in the main menu and all the menus have a submenu and the last submenu exceeds the screen limit.

    How can I fix it so that it doesn’t exceed the screen limit?

    The screenshot => https://postimg.cc/dZjj8Nwc

Viewing 1 replies (of 1 total)

  • Hello @hakkanirudha

    Please share a live URL from the issue, it needs a custom CSS to change the position for the latest item.

    ___

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

    @media(min-width:1024px) {
    #menu-main-menu > .dropdown .sub-menu {
        left: auto !important;
        right: 0 !important;
    }
}

    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

Viewing 1 replies (of 1 total)
  • The topic ‘Submenu exceded the screen limit’ is closed to new replies.