Endeavor Michael David Theme menu problem

Classic Themes
1

using the template Endeavor, the pages built 2 row when the browser size is narrow
How can I prevent this and stay with only one menu row?
Because left is al lot of room

Capture d’écran 2017-02-24 à 18.42.25.png1063×274 322 KB

2

I’ve used Endeavor for a few years. If you have too many menu items, they will fall into multiple rows. This happens with almost all themes (that I know of). Here are a few suggestions:

  • Can you combine menu items (create sub menus). Example: Services, Portfolio, About & Contact - Something like that
  • You can try different fonts and see what you can fit. It’s still hard though
  • Create sections within your web page content that has a link/button to some menu items.
  • Try a theme that uses the hamburger menu style (Elixir has a few that I know of)

You’ll probably find this problem with almost any theme. There’s only so much space.

Hope this helps.

1 Like
3

If you have a URL that can be inspected someone here maybe able help with some CSS.

2 Likes
5

Thank you Bill for your help

6

here is a link may be someone can find a solution
http://lannier.com/new2/
thank you for help

7

I fand the solution
I wrote in the general CSS:
#nwrap {
display: block;
float: right;
width: 100%;
}
I write width with 100% in place of 70%because I don’t have logo in the bar

I reduce the place between the Menus:

nav ul li {
display: inline-block;
position: relative;
padding-bottom: 0px;
padding: 0 18px;
padding-top: 0px;
padding-bottom: 10px;
}

padding: 0 18px; it was 27px I reduce it to 18 px
so I habe place enough

float: right; I change it to center

8

Neat fix @Jamila the menu looks good now. Thanks for taking the time to share.

Like the site as well, nice photos!

Regards

Mark