Guenni007 – I’m going to ask the client if they want it hidden or not – thanks again for your help!
Nikko – this ticket can be closed.

Hi Nikko, I have set the Blog Post element as close as I possibly can to the Blog settings and it still looks nothing like how the Blog does on the Blog page.

Thanks Nikko, but the problem I’m having is that no matter which settings I try for the Blog Posts – I can’t get something that looks similar to the Restaurant Blog demo. What settings are used to get that look?

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

That fixed it! Thanks!

Awesome! Thank you! You can close this ticket. :)

Thank you! That works! You can close this request.

Hi Jordan, thanks for your help. Here’s a link to a screenshot of what I’m talking about -> https://ibb.co/3780QK6

Hi Victoria, since the table contains image/text pairs would it be possible to have each pair take up the full width of the display on a mobile device?

Brendan

Update: I’ve managed to improve the positioning of the Programs & Services sub-menu – but I still need help positioning the search bar.

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, 5 months ago by BrendanG.