Tablet menu breakpoint

Hello,
We’re experiencing an issue with our menu on tablets in landscape mode — it breaks into two lines. After researching the forum, we found that it’s not possible to modify the breakpoints to make the burger menu appear earlier.

Given that, is it possible to display a different, shorter menu specifically for tablets? Our idea is to create a simplified version of the menu for tablet view to prevent it from wrapping onto two lines.

Thank you in advance!

Hello,

In general, you need to reorganize the menu so it will fit any screen. For example, you can make the font size smaller:

.whb-main-header .wd-header-nav .nav-link-text {
    font-size: 11px;
}

For the specific screen width, you can remove that custom CSS – https://prnt.sc/dXD7h-nGEJ6H and the menu will fit – https://prnt.sc/3IHDTNhP9_v7

Let me know if you have any questions.

Kind Regards

[Author]

Posts