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,
Here is a working example, note that the color of the menu items are white, (first rule) unless it has the class “current-menu-item” in which it will be black, (second rule)

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #fff !important; 
}
.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul .current-menu-item a {
    color: #000 !important; 
}

If you already have similar code in your css, use the above to help make the changes, if you don’t have anything similar yet, then go ahead and add the above css.

Best regards,
Mike

Hi,
Sorry, the statement doesn’t make sense, but it will be good to see your files and site when it’s on the troubleshooting server.
I see your logins above, and I was able to login to the site & ftp.
This is for the live site, correct? I see it is using PHP v5.3

Let us know when you have the troubleshooting server running and the login details for it in the Private Content area, so we can assist with a theme update on it.

Best regards,
Mike

Hi,
You mean the cache of your browser, right?
Try incognito or in-private mode.
Please see screenshots in Private Content area.

Best regards,
Mike

Hi,
Instead of using the active state, try using the “current-menu-item” class, and try putting the border around the “li” like this:

.avia-menu li:hover {border: 1px solid #ffffff!important;  border-radius:100px !important; }
.avia-menu li.current-menu-item {border: 1px solid #ffffff!important;  border-radius:100px !important; }

Is this the style you are looking for?
Here is a similar project that perhaps some of the code will be helpful:

Best regards,
Mike

Hi,
Glad to hear you have it sorted out, unless there is anything else we can help with, shall we close this then?

Best regards,
Mike

Hi,
Glad Jordan was able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey Christel,
It sounds like you are going to the right place, but I will add some screenshots to be sure.
First click a slide you wish to edit:

then edit the title and caption:

Then save, and back on the main slider window scroll down to ensure the “Use first slides caption as permanent caption” is not checked:

Then save again and publish

Best regards,
Mike

Hi,
Try this code in the General Styling > Quick CSS field:

#top.single-post .title_container .container {
    display: flex;
    justify-content: center;
}
#top.single-post h1.main-title.entry-title a {
font-size: 70% !important;
}

Please adjust to suit.

Best regards,
Mike

Hi,
Oh, I see, on the site that is down did you update via ftp? If so, you will need to remove the old theme folder first (wp-content/themes/enfold/) then upload the new enfold folder.
Please don’t try to overwrite the theme folder, as this will leave old files behind, and cause a error.

For the site I logged into, I see the builder has this error:

Failed to load resource: the server responded with a status of 403 (Forbidden) /wp-admin/admin-ajax.php

Please check that the file permissions are correct and that .htaccess is not protecting the admin folder for security, or the webhost has mod_sec protecting the admin folder.
I also see that your PHP Version is: 5.3.28, you need a minimum of v5.6 this might be the issue with the other site if it is using the same PHP version.

Best regards,
Mike

Hi,
I assume that you have rolled back to recover, as I see your site is up & I was able to login.
Does you webhost offer staging sites to test the upgrade?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
I believe you are saying this is solved now and we can close it, is this correct?

Best regards,
Mike

Hi,
We can help you with some css to achieve this, but your site seems to be down, unless you have a new url.
Basically adding this code in the General Styling > Quick CSS field will make the changes:

.av-main-nav>li>a span.avia-menu-text {
letter-spacing: 1px !important; 
font-weight: bolder !important; 
}

but your font-weight depends on the font, most fonts offer light, normal, & bold, but extra light & bold may not be available for all fonts.

Here is our Enfold feature request form.

Best regards,
Mike

Hey bauchope,
I added this code to your Enfold Theme Options > General Styling > Quick CSS field to remove the hover circle from your icons, but still show the arrow in orange on the homepage:

#top.home .main_color .image-overlay .image-overlay-inside:before {
    background-color: transparent !important;
    color: #ef6530 !important; 
    border-color: transparent !important;
}

Then to ensure all of the icons show the same arrow, I also added this css:

#top.home .image-overlay .image-overlay-inside:before {
    content: '\E832' !important; 
    font-family: 'entypo-fontello';
}

Please clear your browser cache and check.

Best regards,
Mike