Hi!

The hover state isn’t going to work on mobile view that’s why they are displayed by default. Add this to the Quick CSS field to hide it permanently on mobile:

@media only screen and (max-width: 767px) {
.av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover .av-masonry-item-with-image.av-masonry-entry .av-inner-masonry-content {
 display: none !important;
}}

Cheers!
Ismael

Hi!

The footer container is outside the #wrap_all and #main container. It should be inside those containers. Did you add any html tags inside the page? Please make sure that all tags are closed properly.

Best regards,
Ismael

Hi!

Thank you for using Enfold.

The color section background size is set to cover by default which means:

Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area

You should separate the “text image” and the “man” image. Use the Image element to add the “text image” inside the color section. Apply the “man” image as color section background. Set the Background Repeat to No Repeat then the Background Image Position to Center Right. Set Custom Background Color to #000000 (black).

Best regards,
Ismael

Hey sd142ppr!

Thank you for using Enfold.

Parallax effects are disabled on mobile view by default. Please create a test page so that we can inspect the issue.

Regards,
Ismael

Hey!

Edit footer.php, look for this code:

echo "<div class='bg_container' style='background-image:url(".$avia_config['fullscreen_image'].");'></div>";

Replace it with:

$avia_config['fullscreen_image'] = str_replace('{{AVIA_BASE_URL}}', AVIA_BASE_URL, $avia_config['fullscreen_image']);
			echo "<div class='bg_container' style='background-image:url(".$avia_config['fullscreen_image'].");'></div>";	

Best regards,
Ismael

Hi MMA_Impact!

Thank you for using Enfold.

Please post the website url here. We would like to check it. If you’re referring to the masonry effect, you can disable it by adding this to the Quick CSS field:

.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
  -webkit-transform: none;
  transform: none;
}

Regards,
Ismael

Hi!

Add this to the Quick CSS field to remove the right padding:

@media only screen and (max-width: 767px) {
.av-catalogue-content {
  padding-right: 0;
}}

Regards,
Ismael

Hey soltner!

Thank you for using Enfold.

Responsiveness and SEO are two different things so I don’t think robot.txt has anything to do with it. I checked the site on google’s mobile friendly test and there are only two errors which you can actually ignore.

Content wider than screen
Links too close together

The Content wider than screen warning can’t be fixed, if I am not mistaken, because of the theme’s mobile advance menu which is set outside the viewport by default. The other warning is because of the links under the “Lineup” section is too close for a tap target. Anyway, I’ll ask the rest of the support team to take a look.

EDITED: The “Content wider than screen” isn’t cause by the mobile menu so there must be a third party plugin that is rendering contents wider than the viewport.

Best regards,
Ismael

Hi!

Note that the slider will take or inherit the width of the container, which is currently set to 1210px. This setting will ensure that the slider is responsive.

Cheers!
Ismael

Hi!

To change the breadcrumb to the page menu item instead of the title of the menu, you can add this to the functions.php:

add_filter('avia_breadcrumbs_trail', 'avia_change_breadcrumb', 20, 1);
function avia_change_breadcrumb($trail) {
	$menu_name = 'avia';
	$id = get_the_ID();
	
    if ( ( $locations = get_nav_menu_locations() ) && isset( $locations[ $menu_name ] ) ) {
		$menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
	
		$menu_items = wp_get_nav_menu_items($menu->term_id);

		foreach ( (array) $menu_items as $key => $menu_item ) {
			if($menu_item->object_id == $id) {
				$title = $menu_item->title;
				$url = $menu_item->url;
			}
		}
	}
	
	if(is_page()) {
		$home = $trail[0];
		$page = $trail[1];
        $last = $title;
		$trail = array(0 => $home, 1 => $page, 'trail_end' => $last);
	}
    
	return $trail;
}

To change the sidebar menu, disable the Page Sidebar navigation on Enfold > Sidebar Settings. Replace it with a Custom Menu.

Cheers!
Ismael

Hi!

@james17: I checked the site and the max container width is already set to 1400px. Please remove browser cache then reload the page.

Best regards,
Ismael

Hi!

I created a test page (http://sciscomediation.com/test) and removed the icon list section. It contains a lot of html tags and shortcodes. The slider becomes full width again. Please be careful with html tags. Make sure that they are closed properly.

Regards,
Ismael

Hey!

Sean Penn? Who’s that? Thanks anyway. ;)

If you can provide a screenshot of the layout that you want, maybe we can help. You should try the modification provided on the previous thread. It will display the featured image instead of the search counter.

Cheers!
Ismael

Hey LukasE!

Thank you for using Enfold.

You can add this to the functions.php file:

add_action('init','avia_remove_debug');
function avia_remove_debug(){
	remove_action('wp_head','avia_debugging_info',1000);
	remove_action('admin_print_scripts','avia_debugging_info',1000);
}

Regards,
Ismael

Hey!

Glad we could help. :)

Best regards,
Ismael