Top menu: prevent folding

Hi all!

Could anybody please help: how to disable top menu folding?
When the page is wide enough I can see the list of top menu items (as it should be). But when the page widht is less than 1000px, the top menu is replaced with 1 blue menu, which can be opened.

I want to see the list of menu item regardless the page width.

What should I do to prevent such menu transformation?

I guess the TopMenu folding question should habe been rised many times (but, unfortunately I couldn't find one).
Could anybody please suggest how to prevent such top menu transformation?

Hi,

You need to modify your DefaultTheme styles.css file.
There you may find rule for media screens. You could modify @media for max-width: 1000px.

Regards,
Tomasz

Indeed,

in your styles.css file find the section that starts with:

@media all and (max-width: 1000px)

and in the same section add this piece of code:

.top-menu.mobile {
    display: block !important;
    height: auto !important;
}

This will force your menu list to be always visible on resolutions below 1000px.

Regards
/ Hristo