Is there a way to get the xero zenmenu to be fullwidth like this search feature in this menu?
www.commarts.com


Right now it looks like this:

Hi Jeff,
If you use the fullwidth option in the menu does it do what you need?

Send a link if so as it should be possible - go to the search menu item and set the option to fullwidth in the zenmenu tab.
Thanks

This client did not want the homepage menu to have dropdowns.

So if you goto another page then the fullwidth search menu will dropdown:
www.paladintechnologysolutions.com/video-data-links/uni-directional-and-bidirectional-air-to-ground-voice-video-and-data-links-for-fixed-wing-rotary-wing-manned-and-unmanned-aircraft-land-and-sea-vehicles

Right - you have to set it to full width in the zenmenu tab in the menu item.

Ok. Fullwidth is now set but I can't figure out what is stopping the search bar from being the same width as the main container.

I'm currently seeing

502 Bad Gateway

Cheers
Paul

Siteground is having issues.... should be online now.

If you remove the 94% width you added and the seach button - how does it behave?

Cheers
Paul

The 94% was because the button keeps wrapping below. I have now removed it.

But it is still not fullwidth.

looking at it now

#menu {padding: 0 20px;}

I think the search is full width but the menu above has padding so it makes it look that isn't

You could try zapping that to zero and then adding a margin to the input

#menu ul ul input {margin-left:1.25}

Think there could be a few ways to align it

Cheers
Paul

I was able to get it to work with:
#menu ul ul input {
margin-left:20.25px !important
}
#menu {
padding: 0 !important;
}

But the client may want the button....

nice one

I'd look to test without the hover effect on the button to see if that is the reason it's being pushed down or it is width

I had a long scan and couldn't see a width issue but could be wrong on that

Cheers
Paul

Sorry, but how do I "test without the hover effect on the button"?

Was hoping you wouldn't ask that

It's the tooltip (I think) you need to either override or remove

Not entirely sure if an attribute selector will work

e.g. [data-original-title="Go"] {display: none;}