How to Open a Submenu Towards the Left Using Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

    How to Change the Direction for Submenu Opening?

    By default, submenus will open to the right side. Sometimes if the submenu structure is long, it might open out of the viewport in the right and user will not able to see it. 

    To fix this add a below-mentioned CSS class to the parent menu who’s submenu is displaying out of the viewport.

    ast-left-align-sub-menu 

    For example: 
    If following is the menu structure:

    About
    > About Team
    >> Team Members
    >>> Team Responsibilities
    >>>> Team Contacts

    Then add a CSS class ast-left-align-sub-menu to the parent menu – About Team  So that their sub-menus will open to the left instead of right. 

    Detailed steps to add CSS class – 

    Step 1: From the dashboard navigate to Appearance > Menus.

    Step 2: At the top right corner click on Screen Options and enable the CSS Classes option.

    Step 3: From the menu structure click on the menu whos submenu needs to be opened at the left.

    Step 4: Add CSS class ast-left-align-sub-menu and click on save. 

    Now the submenus will open like – 

    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    111063

    Biggest Ever Cyber Monday Sale!

    00
    Months
    00
    Days
    00
    Hours
    00
    Minutes
    00
    Seconds
    111064

    Don't Miss Our Biggest Discount

    ***LIMITED TIME ONLY***

    100% Unconditional Money-back Guarantee

    Purchase today & lock in your deal!

    Scroll to Top
    Now choose your preferred
    page builder addon
    Choose your preferred page builder addon

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

    Enter your email address and be the first to learn about updates and new features.