[Resolved] How to align the dropdown menu if there isn’t enough space on the right

Home Forums Support [Resolved] How to align the dropdown menu if there isn’t enough space on the right

Home Forums Support How to align the dropdown menu if there isn’t enough space on the right

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2344645
    Jin

    How can we choose to align the menu to the left if there isn’t enough space to show all characters?

    #2344711
    David
    Staff
    Customer Support

    Hi there,

    that parent menu item, give it a CSS Class of open-left.
    Add this CSS:

    
    @media(min-width: 769px) {
        .main-navigation .main-nav li.open-left > ul {
            left: unset !important;
            right: 0;
        }
    }
    #2348202
    Jin

    Hi David

    I’ve added it but the bug still persists.

    #2348688
    Ying
    Staff
    Customer Support

    Hi Jin,

    I can see the CSS has been added to your site, but I don’t see the class open-left being added to the contact menu item.

    If you don’t know how to add CSS class to menu items, follow the step 1-3 of this article, add open-left class.
    https://sevenspark.com/how-to/how-to-add-a-custom-class-to-a-wordpress-menu-item

    #2351312
    Jin

    All good now. My bad I missed David’s first sentence regarding adding the CSS class to the menu item.

    #2351850
    Ying
    Staff
    Customer Support

    Glad to hear that 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.