Home Forums WoodMart support forum Menu Bar Secondary List Cutoff

Menu Bar Secondary List Cutoff

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #715677

    Little Panda
    Participant

    Hello.,

    We have noticed that the secondary menu list of one of our header menus (INFO) cuts off on the right side of the page.

    Please advise what may be causing this

    LP

    Attachments:
    You must be logged in to view attached files.
    #715710

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Try to add the following Custom CSS code in Theme Settings > Custom CSS:

    li#menu-item-106518 .wd-dropdown-menu .wd-dropdown {
      left: auto !important;
      right: 100% !important;
      margin: 0 var(--wd-dropdown-padding, 20px) 0 0 !important;
    }

    Best Regards

    #715731

    Little Panda
    Participant

    Hi,

    Thank you and that worked.
    Should this code be neccessary though?

    Regards
    LP

    #715732

    Little Panda
    Participant

    The code moved the menu list to the left but now it’s almost impossible to select a menu item.

    #715740

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    This happens because the menu item is placed on the far right side of the header, so there isn’t enough space for the second-level dropdown to expand, causing it to go the screen.

    The CSS we provided forces the submenu to open on the left side, but due to spacing limitations, it may affect usability (as you noticed).

    Move this menu item slightly towards the center in the header builder or reduce the submenu width of the drop down. This behavior is related to layout positioning rather than a issue.

    If you want to use custom css, share the wp logins details so i will further check on your site and give you a possible solution.

    Best Regards

    #715741

    Little Panda
    Participant

    Hello,

    Thank you for your reply. It’s very starnge because we have used this theme for several years now with this header menu located in the same position. It always displayed correctly until recently. Now it cuts off.

    Very strange! Login details to our site is in the private area

    #715814

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Try to add the following Custom CSS code in Theme Settings > Custom CSS:

    li#menu-item-106518 .wd-dropdown-menu.wd-design-default .wd-dropdown {
      width: 150px !important; /* Trim width if needed */
    }

    Best Regards

    #715821

    Little Panda
    Participant

    Hi,

    Okay. Thank you. That seems to be a fix for the issue.

    #715854

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You’re Most Welcome!

    Feel free to write back anytime. If you need further assistance, we are always here to help you.

    If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Menu Bar Secondary List Cutoff’ is closed to new replies.