Hi,
Thank you, for the T & I pages I came up with this script to help you for now until the dev team can review this.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( '.grid-sort-container .grid-entry' ).each(function() {
$( this ).find( 'a.grid-image' ).removeAttr("title").insertBefore( $(this).find('article.inner-entry') );
$( this ).find( 'article.inner-entry' ).insertAfter( $(this).find('span.image-overlay') );
$( this ).find( 'h3.grid-entry-title.entry-title a' ).contents().unwrap();
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
To create an image size try using this function instead in your functions.php

add_image_size( 'small-square', 200, 200, true );
add_filter( 'image_size_names_choose', 'my_custom_sizes' );
function my_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'small-square' => __( 'Small Square' ),
    ) );
}

For this example it creates the size small_square, 200px square and cropped, and then adds it to your image choices, just adjust for your size(s) and then Regenerate your Thumbnails.

Best regards,
Mike

Hi,
Glad this helped, your site seems down or the login token has expired, please check.
I think I will understand this issue better once I can check it.

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
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Thanks for the screenshot, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.home .av-tab-section-tab-title-container {
	left: 30% !important;
    bottom: 30px !important;
    position: fixed !important;
}
#top.home .avia-builder-el-103 {
	bottom: 0 !important;
    position: fixed !important;
    left: 1% !important;
}

After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the update, and I’m glad this helped some, and I will be submitting this to the dev team, but I need to sort out a couple of things.
So on a new install, I tried to duplicate your masonry element, with portfolio items and using the settings you described.
Please see the page in the Private Content area.
So with no caption showing, to solve the empty link error I wrote this script to get the masonry item title attribute and add it as an aria-label attribute. This allows the link to be empty and removes the error.
This script was added in a code block section on the page to test:

<script>
(function($){
  $(document).ready(function(){
  	imgTitle = $(this).attr("title");
$( '.av-masonry' ).each(function() {
$( this ).find( 'a.av-masonry-entry' ).attr("aria-label", imgTitle);
});
});
})(jQuery);
</script>

So perhaps if the caption display setting is set to “Display neither” the aria-label could be added, or it could always be included.

For the duplicate titles, this error is not exactly “duplicate titles” it was the “title” and the caption “text” were the same, so in the past post when I added “titles” to the images in the media library this made the two not match anymore so the error didn’t occur, but I notice with this script that this is also solved without adding media library titles.

Thoughts?

Best regards,
Mike

Hi,
Thanks for the summary, I have asked for the rest of the team to take a look at this for ideas to solve, thanks for your patience.

Best regards,
Mike

Hi,
Sorry, I thought that adding the header widget area was causing the issue.
So you were at the point that the two headers on the sites below matched until you updated the theme?
I can see this css on your first site but not your second:

#nav_menu-2 {
    position: absolute;
    right: 0px;
    margin-right: 50px;
    z-index: 100;
}

This moves your nav to the right, so perhaps this and other custom css is not activated in your second site, please check and if you do see this css then maybe you have an formating error like a missing bracket above this css.
You can check your css for errors here, try testing all of your custom css to see if you have an error in the middle of your css.

Best regards,
Mike

Hi,
Thanks for the links, on your page you are targeting #maincontent but this is an anchor before your main body, not a “DIV”. Try targeting #main instead.

Best regards,
Mike

Hi,
Sorry for the late reply, that should work, please try.

Best regards,
Mike

Hi,
I assume that the solution above worked because we didn’t get any feedback. I tested this again and it seems to work fine.
Please link to your page so we can see what you have so far.

Best regards,
Mike

Hey Jorge,
Sorry for the late reply, I tested this solution, and it worked on my shop page for the category “uncategorized”.
This looks like the same solution you tried and when I check your shop page I don’t see any items from the “come2mexicancaribbean” category.
Which items are you seeing that should not be there?

Best regards,
Mike

Hey manjii,
Sorry for the late reply and thanks for the link, it looks like your tab section height is about 100% high, but I don’t know what you mean by “I would like the title stick to the bottom like a footer.” Please demonstrate with a screenshot so we can understand better.
You can add screenshots by uploading your images to a service such as https://savvyify.com/img/ and pasting the html code, or link given in your post or Private Content area.

Best regards,
Mike

Hi,
Your script to remove the title attributes “on hover” is actually just removing the title attributes on page load and thus causing your “Empty Link” error. Please remove this script and test.
After testing to ensure this error is corrected, if you want to remove the title attributes “on hover” then try this script instead:

  function remove_title_attr_on_hover(){
	?>
	 <script>
	(function($){
	  $(".av-masonry-image-container").hover(function(){
		$(this).removeAttr("title");
	  });
		$("#wrap_all img").hover(function(){
		$(this).removeAttr("title");
	  });  
	   $("#wrap_all a").hover(function(){
		$(this).removeAttr("title");
	  });    
	})(jQuery);
	 </script>
	<?php
	}
	add_action('wp_footer', 'remove_title_attr_on_hover');

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
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike