Endeavor Michael David Theme menu problem


(Jean-Michel Lannier) #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


(Bill Hall) #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.


(Doug Bennett) #3

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


(Jean-Michel Lannier) #5

Thank you Bill for your help


(Jean-Michel Lannier) #6

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


(Jean-Michel Lannier) #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


(mark hunter) #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