I want a nav bar on the right and logo on the left, but because there are quite a few page names the last link in the bar drops down at around 1000px screen width.
How can I get around this?
Here is my site:
https://ideal-home-building-services-ltd.webflow.io/
Any suggestions…
Please provide OS and Browser w/version info. It is not occurring to me on Win 10 Pro (current) with Chrome.
If I up the nav-links to 14px IO can see the issue.
Observations: 13px is rather small on my screens, nothing stands out as I need to look (squint) plus the menu links makes me think. Example; what is “Extentions” (I am US based). Testimonials are normally better served in page content when I scroll down (showing interest), You can link to that page more effectively then. Same with Gallery.
Recommendations:
Remove non essential top level links, use dropdowns or a Mega Menu to show more. Increase font size.
While this article is older, its content is still absolutely relevant.
Answer her:
<style>
@media screen and (max-width: 1000px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
</style>