blog meta elements not working in child theme or css fix from earlier forum post

Hi,
I see you have a sub-menu element on your blog page, to add one to your blog post pages Try adding this code to the end of your functions.php file in Appearance > Editor:

add_action('ava_after_main_title', 'ava_after_main_title_mod');
function ava_after_main_title_mod() {
	if(is_single()) {
		echo do_shortcode("[av_submenu which_menu='center' menu='' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2'] [av_submenu_item title='Menu Item 3']
[/av_submenu]");
	}
}

This will show one of your menus, if it doesn’t help please include a admin login in the private content area so we can take a closer look.
To add a border around your blog post grid, Try this code in the General Styling > Quick CSS field:

.slide-entry.flex_column.post-entry {
    border: 1px solid gray !important; 
    padding: 5px !important; 
}

Best regards,
Mike

Hi,
When I look at your blog & news pages the border around the posts is there, try clearing your browser cache and see if that helps.
I also see the sub-menu on your posts.
I do see that your news page doesn’t have the sub-menu, that is because the code above adds it to posts and not pages, try using the sub-menu element like you did on the blog page. Did you mean to have two blog pages? The blog & news look the same to me.

As for creating a sub-menu like your example link, you can add images to the menu items by add your image code to the title box like this:

<img width="80" height="80" src="https://127.0.0.1/2017demo1/wp-content/uploads/2015/07/portfolio-large-1-80x80.jpg" class="attachment-thumbnail size-thumbnail wp-post-image">

and then align the text to middle of the image with this css:

.av-subnav-menu .sub-menu span.avia-menu-text img {
    vertical-align: middle!important; 
}
#top .av-subnav-menu > li ul {
    width: 300px !important; 
}

But it’s not exactly like you wanted, perhaps a plugin would give you the options you are looking for.

For your last question, you can edit the theme files, but the news page is not it’s own template, it uses the page template. But using code like we gave you to add to the functions.php can be targeted to one or more pages, it’s really a better approach.

Best regards,
Mike

Hi,
I took a look at your News page on the back end, and it’s not responding for me, but the blog page is. Perhaps dropping it would be a good choice.
Unfortunately you can only have one login to the forum per API key.

Best regards,
Mike

Hi,
I fixed your css to remove the grid comment count and date.
To change your category pages to a grid style I added this function to your child theme functions.php:

add_filter('avf_blog_style','avia_change_category_blog_layout', 10, 2); 
function avia_change_category_blog_layout($layout, $context){
if($context == 'archive') $layout = 'blog-grid';
return $layout;
}

Now you can choose if you want a sidebar on the category pages at Enfold Theme Options > Sidebar Settings > Sidebar on Archive Pages
I then added your sub-menu to your category pages with this function in your functions.php:

add_action('ava_after_main_title', 'ava_after_main_title_mod_category');
function ava_after_main_title_mod_category() {
	if(is_archive()) {
		echo do_shortcode("[av_submenu which_menu='center' menu='' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu=''][av_submenu_item title='Menu Item 1'][av_submenu_item title='Menu Item 2'] [av_submenu_item title='Menu Item 3']
[/av_submenu]");
	}
}

You will notice in your functions.php you have two sets of similar functions for the sub-menu, one for single posts and one for archives (categories) they are well marked, should you want to change which menu shows on each.

For your banner image at the top of your category pages, do you want this to be the same image for all categories, or a different image for each category?
One option is this plugin: Categories Images

Best regards,
Mike

Hi,
To make the removal of date and comments universal, change the css to look like this:

.slide-meta { display: none !important; }

About the css places:
1: The child theme style.css, in the WordPress > Appearance > Editor > Child Theme > Stylesheet is recommended for your css to keep your child theme complete and in one place. But with the merged css feature of the theme you may need to rebuild the merged files for your css to show after adding code there. To do this simply save your theme settings with the big blue button “Save all changes”
2: The Quick CSS is very easy to use and handy for sites that don’t use a child theme, and sites that do. Many use this because they only have a couple of code snippets. When you save the code here the merged files are updated automatically.
3: The WordPress > Customize > Additional CSS is a WordPress feature, but works very well, it’s the last stylesheet loaded by the site so it will easily overwrite any tough css changes, plus it offers good error checking which could help you ensure your code is right. The only downside is that code here will stay in effect if you change themes, until you remove it. But you’ll never do that, right? :)

For your custom menu I gave it a try, but it adds a background color to your category page, see if you like it.

Best regards,
Mike

Hi,
Glad to hear, unless there is anything else we can help with this topic, shall we close this then?

Best regards,
Mike

Hi,
I have checked a few of your category pages, on Android, but I don’t see any overlapping & the text seems to be full width with about 20px margin.
Perhaps I’m looking at the wrong place, Please see screenshot & URL in Private Content area.

Best regards,
Mike