Width of menu changes

Public Ticket #17984

Conversation thread

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (min-width: 961px) {
    body.home #navigation .container {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }
    #navigation .menu {
        float: none;
    }
}

Regards,
PenciDesign.

juli312c started the conversation

5 years ago

Conversation Start

The width of my primary menu changes, and it seems like the whole menu can't fit. On smaller screens, some of the menu items can't fit in the menu and therefore they appear "outsite" the menu. I have added screenshots of the problem.

I wish to have all my menu items on one line all of the time, also on smaller screens. Is it possible to widen the whole menu, så that it stretches out on the whole screen and not only i the center of the screen?

Want to join this conversation or access attachments? Sign in first.