dropdown missposition

Dropdown in header right side gets off the screen

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Hello, I have added admin pass in private

Hello,

You have missed the admin login URL. Can you please share the WP admin login URL in the private area so I can check and give you a possible solution?

Best Regards,

Oh you are right fixed it.

[naturlandge25]

oh and lets add another problem – child brand is missplaced in “brand” filter – screenshot

• This reply was modified 1 month ago by naturlandge25.

Hello,

01. Try to add the following custom css code in Theme Settings > Custom CSS:

li#menu-item-4480 .wd-dropdown-menu.wd-design-default {
   right: 0;
    left: auto;
    margin-left: 0;
    margin-right: calc(var(--nav-gap, .001px) / 2 * -1);
}

02. Please use our theme widget WOODMART WooCommerce Layered Nav widget to select a brand and check how it works.

Best Regards,

Thank for trying but didn’t work. last item on my list was 4485 but still didnt work even tried !important tag.

woodmart widget looks much better, but I think controlling length would be great, it adds scrollbar after 10 brand.

Hello,

01. Could you please let me know which device you are using? This will help me check the issue based on your screen resolution and investigate further.

02. You can configure the options from Theme Settings > Product Archive > Widgets > Scroll for filters widgets.

Best Regards,

1. Im using Gigabyte AERO 16 3840×2400 scaled to 250%
but i had same problem with another pc too.

2. That one helped thank you very much, I really appreciate your support.

Hello,

I have further checked your site and your header has a large number of menu items with sub-menus, and due to the total menu width, the last dropdown is pushed off-screen.

To fix this, you can:

• Move some menu items to the bottom header row, or
• Convert the large sub-menus into a mega menu, which gives more horizontal space and prevents the dropdown from overflowing.

For full instructions, you can also refer to the official guide:
https://xtemos.com/docs-topic/create-mega-menu/

This will ensure the dropdown stays fully visible on all screens.

Best Regards,

[Author]

Posts