Header categories cut off on laptops

This topic has 9 replies, 2 voices, and was last updated 5 months ago by Aizaz Imtiaz Awan.

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

Author

Posts
February 2, 2026 at 2:17 am #706870
it-9359
Participant
Hi,

I’m using the Header Categories element (not the mega menu) because I have around 15 product categories and the side navigation or mega menu doesn’t fit well for my shop structure.

The categories element in the header looks great on desktop, but on smaller laptops (e.g. 1366×768) the categories dropdown gets cut off vertically and some categories are no longer visible.

I don’t want to use the mega menu and I also don’t want to move categories into a sidebar.

What I’m looking for is a clean CSS-based solution that:

makes the Header Categories block smaller on laptops using media queries

scales the entire categories element (button + dropdown)

keeps the sub-categories panel working correctly

does not affect Elementor widgets or page content

avoids breaking hover behavior or the layout

In short:
I need the header categories and its dropdown to be responsive on laptops, without switching to a mega menu or sidebar.

Has anyone implemented this successfully, or is there a recommended approach from Xtemos for this case?

Thanks in advance.
- This topic was modified 5 months ago by it-9359.
Attachments:
You must be logged in to view attached files.
February 2, 2026 at 12:18 pm #706922

Aizaz Imtiaz Awan
Keymaster
Xtemos team

Hello,

Sorry to say I am unable to visit your site. Please share the access to your site so I will check and give you a possible solution: https://postimg.cc/N9m3Fc6j

Best Regards,

February 2, 2026 at 12:22 pm #706923

it-9359
Participant

Now you can get in

February 2, 2026 at 3:25 pm #706959
Aizaz Imtiaz Awan
Keymaster
Xtemos team
Hello,

In the WoodMart > Header Builder, select your Header Categories element and enable:

Limit categories option: https://ibb.co/PsJ1Q3Xc

This lets you control how many categories are shown and adds a “Show more” button. It’s ideal when you have many categories.

If you prefer to show all categories, you can shrink the menu so everything fits vertically.

Add this in:

Theme Settings > Custom CSS > Custom CSS for desktop:
```
@media (max-width: 1400px) and (min-width: 1025px) {
    .wd-nav-vertical.wd-design-default > li > a {
        min-height: 30px;
        font-size: 12.5px;
        padding: 5px 10px;
    }
}
```
Best Regards,
February 2, 2026 at 3:59 pm #706966

it-9359
Participant

I prefer to show all categories, but your Code doesn’t work. I don’t see any differences.
and I don’t zoom anything!

I also Try it to put it in the Css under the customizer!

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

February 3, 2026 at 8:32 am #707019

Aizaz Imtiaz Awan
Keymaster
Xtemos team

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,

February 3, 2026 at 10:34 am #707034

it-9359
Participant

Ok

February 3, 2026 at 2:07 pm #707077

Aizaz Imtiaz Awan
Keymaster
Xtemos team

Hello,

It was due to the cache. I have added the custom css on your site in Theme Settings > Custom CSS and purged Varnish cache, and it is working fine. Please check back your site and check the issue after completely clearing the cache.

Best Regards,

February 4, 2026 at 12:46 am #707147

it-9359
Participant

Thank you very much, I found the problem.
the laptops I used are 1536px, but now it works, thank you very much!!

February 4, 2026 at 11:09 am #707185

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.
Author

Posts