Search bar location, and main menu tweaks

Hi guys, I’d really like to start making progress on this. Do you need more information or is there anything else I can provide that will help move this towards completion?

Thanks,

Brendan

Hi Ismael, thanks for your response. I accidentally linked to a different post from the one I borrowed the PHP code from. This was the code I previously inserted into Functions.PHP:

add_filter( 'wp_nav_menu_items', 'avia_append_search_nav', 10, 2 );

function avia_append_search_nav ( $items, $args )
{	
	if(avia_get_option('header_searchicon','header_searchicon') != "header_searchicon") return $items;

	if ((is_object($args) && $args->theme_location == 'avia') || (is_string($args) && $args = "fallback_menu"))
	{
		global $avia_config;
		ob_start();
		$getform = get_search_form(false);

		$items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown">'.$getform.'</li>';
	}
	return $items;
}
?>

With this CSS:

#top #menu-item-search #searchform div {
  opacity: 1 !important;
  display: block !important;
  margin-left: 20px;
}

I’ve since changed the code to the post I linked to in my first post – while it fixes some problems, it also creates new ones. The first code I used removed the search icon from the menu – which I wanted. The new version still has it.

I’m also having difficulty positioning the search bar where I want it. I’d like it to be directly above the ‘News & Events’ menu item and to stay there with different sized windows. Because of the way it’s styled now, when the user scrolls down and the logo shrinks the search bar goes on top of the menu items which doesn’t look great.

Also there were two other issues mentioned in my first post that didn’t get addressed:

In summary here are the three things I would like help with:

1. 1. Positioning the search bar above News & Events / remove the search icon.
2. 2. The Programs & Services menu opens up to the right of where it should – this doesn’t look correct.
3. 3. How to style the hover color of the menu items – right now the hover is blue and the text is blue making the text invisible.

Getting your help with these three items would be greatly appreciated,

Brendan

• This reply was modified 4 years, 6 months ago by BrendanG.

Hi Ismael, as much as I appreciate your help I feel that you’re only partially answering my questions and not fully reading what I’m posting.

The positioning of the search bar is not resolved – I still need help with this. I’d like it to be directly above the ‘News & Events’ menu item and to stay there with different sized windows.

There are two problems I’m having with the way it’s being positioned now:
1. It doesn’t look good at different window widths (please go to the website and change the width to see what I mean.)
2. When the user scrolls down and the logo area shrinks, the search bar gets pushed into the layer slider area – this doesn’t look good. (please go to the website and scroll down to see what I mean.)

The other issue that is still unresolved (and seems like an Enfold theme bug to me) is that the sub-menu for Programs & Services is not properly aligned. It is the only sub-menu with this issue – it’s also the only sub-menu that is a mega menu. Please go to the website and hover over Programs & Services to see what I mean.

In summary:
1. I still need help with positioning the search bar
2. The sub-menu for Programs & Services still needs to be fixed.

I appreciate you guys are busy, but this has been going on for nearly two weeks. I *really* want to start making faster progress on this. Please look at this as soon as possible and respond to all the points I’ve laid out above.

Thanks in advance,

Brendan

• This reply was modified 4 years, 5 months ago by BrendanG.