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?
Hi
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?
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.