Adjusting Menu Navigation on Maisha

  • Unknown's avatar
    shackmanassociates · Member ·

    Hi There,

    We noticed that when we resize a window, the menu navigation feature first condenses the menu headings into two-lines (bringing “Request Proposal” onto a second line by itself) before it collapses to a toggle icon. We would like to adjust it so that the menu never condenses to two lines. We would prefer it go straight to a toggle icon when the window lacks room to support the full one-line menu.

    May someone help us, please?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, first off in your custom CSS, could I get you to change your CSS ul rule to the following as it is breaking one of our admin menus. I’ll chat with the developers since this should not happen using only “ul” as the selector and get it fixed, but in the meantime… 

    .entry-content ul {
	display:table;
	margin:auto;
	max-width:83%;
}

    Now on to your menu. Keeping it all on one line is going to be difficult since it goes to two lines around 1243px in window width and the menu goes to the touch device menu at 954px. Give the following a try. It lessens the letter spacing of the menu on screens 1245px and narrower, and reduces the left and right padding on the header area. In my testing this works all the way down to when the menu goes to the touch device menu, but make sure and test it in case I missed something. 

    @media screen and (max-width: 1245px) {
	.navigation-main a {
		letter-spacing: initial;
	}
	.header-inner {
		padding: 15px 40px;
	}
}
  • Unknown's avatar
    shackmanassociates · Member ·

    Thanks for catching the coding for our bulleted pages. And this coding for the menu seems to work well. I’ll check it with the rest of our team.

    Thanks again!

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Adjusting Menu Navigation on Maisha’ is closed to new replies.