Hi,
Can you link to your page so we can see your page? If I was correct that you are refuring to the masonry “sort” which shows the list of categories above the items, then there is not a css solution that would show all of the categories if you want them to be clickable and sort the masonry items, neither would sorting the categories work if added to a sidebar element.
But if you just want to add the categories widget to the sidebar, then you could do that easily, I’m just not sure if you expect them to “sort” the masonry element.
If you want to add a sidebar to your page with the masonry element, you would set the sidebar in the page layout, for example this demo page has a sidebar with the masonry element. This is what the backend looks like:

To have a grid layout that is order by date try setting your theme settings to Enfold Theme Options ▸ Blog Layout ▸ Blog Layout ▸ Use the advance layout editor to build your own blog layout (simply edit the page you have chosen in Enfold->Theme Options as a blog page)

then edit your blog page to have a sidbar and add the blog posts element to the page and choose the grid layout:

Best regards,
Mike

Hey gatehealing,
Thanks for your patience, as I understand your question you are using the masonry element with the sorting option which shows the categories at the top of the element, and since you are only showing 12 items for each pagination page all of your categories are not showing until you go to another page, unfortunately the masonry element can only show the categories for the posts loaded, to show more categories you can increase the number of items shown or manually change the date of one post from each category so your first 12 items shown will be one from each category.
But when the sorting (category) links are clicked more items are not loaded, only those already loaded will sort.
So the best option is to show more items so many from each category will be shown.

Best regards,
Mike

Hi,
maxgorelkine glad to hear that you have sorted this out, shall we close this thread then?

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out with Günter’s help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for your patience, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function skip_google_map() { ?>
    <script>
  (function($) {	
  setTimeout(function(){
  $('.avia-google-maps').each(function() {
          $(this).prop('tabIndex', -1);
          $(this).prop('aria-hidden','true');
      })
  $('.avia-google-maps *').each(function() {
          $(this).prop('tabIndex', -1);
          $(this).prop('aria-hidden','true');
      })
  $('.avia-google-maps .gm-style *').each(function() {
          $(this).prop('tabIndex', -1);
          $(this).prop('aria-hidden','true');
      })	
  $('.avia-google-maps .gmnoprint').each(function() {
          $(this).prop('tabIndex', -1);
          $(this).prop('aria-hidden','true');
      })
      
  $('.av_gmaps_sc_main_wrap').each(function() {
          $(this).prop('tabIndex', -1);
          $(this).prop('aria-hidden','true');
      })
  $('.av_gmaps_sc_main_wrap *').each(function() {
          $(this).prop('tabIndex', -1);
          $(this).prop('aria-hidden','true');
      })
  $('.av_gmaps_sc_main_wrap .gm-style *').each(function() {
          $(this).prop('tabIndex', -1);
          $(this).prop('aria-hidden','true');
      })	
  $('.av_gmaps_sc_main_wrap .gmnoprint').each(function() {
          $(this).prop('tabIndex', -1);
          $(this).prop('aria-hidden','true');
      })	
  },3000);
  }(jQuery));
  </script>
    <?php
  }
  add_action('wp_footer', 'skip_google_map');

I tested this on a page with the google map element as a full width element at the top of the page and as another element in a column on Windows in Chrome, Firefox, & Edge and Mac in Safari, Chrome, Firefox
This worked on all except Windows Firefox which would tab to the map marker and then out to the next element on the page. The map marker has set the tabindex=”0″ and while the script changes this to tabindex=”-1″ in all other browsers including Firefox on Mac, it doesn’t in Windows, so I believe this is a Firefox bug, but it is small for this case as it is only one tab.
Since the Google Maps inner elements fully load slowly I had to add the delay (settimeout) to 3 seconds to change all of the inner elements, you can try adjusting to a lower number but in my tests 3 seconds seemed to work best.
If you have any trouble with this make sure you are not defuring your jQuery.
Try checking on my test page linked below, I added some css to highlight the elements focused to help spot the tabbed elements.

Best regards,
Mike

Hi,
Thanks for the feedback, I’m not sure why this is occuring, I thought perhaps during the update an error occurred and left some old files behind, this typically occurs when someone tries to “overwrite” the theme files to update, that is why I asked you to try deleting the theme folder via FTP and upload a new one.
I’m not experiencing the error on my test site, but you seem to have it on a few sites except one, are try all on the same server, do they all use the same plugins?
Have you tried disabling all of your plugins? Are you using a CDN or server caching like object-oriented cache, or are they all using the same PHP version?
It looks like a couple of your sites have some event listeners to defer javascript, stylesheets, & iframes in Scripts/CSS and wp_head hook

perhaps this is blocking the YouTube iframe from loading?

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Advantage09,
I found this code on stackoverflow here:

google.maps.event.addListener(MAP, "tilesloaded", function(){
    [].slice.apply(document.querySelectorAll('#map a')).forEach(function(item) {
        item.setAttribute('tabindex','-1');
    });
})

give this a try.

Best regards,
Mike

Hey Richard,
Thanks for your patience and the link to your example, I would look to use javascript to do this because after the last panel the rest of the page scrolls normally.
I didn’t try to recreate it, but I found this stackoverflow post that looks promising and it also links to a couple of other solutions, I hope this helps.

Best regards,
Mike

Hey radkeartur,
Thanks for the link to your site, if you want to change your menu buttons, changing the header style will not help, you need to go to menus and change each menu item to “default” instead of “button” style

Best regards,
Mike

Hi,
Thank you for the link to your site, I see that your gallery is about 400px square with very little space between them while your other images are 300px square with a lot of space between them, so to match these try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.home div .avia-gallery img {
	padding: 50px;
}

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

Best regards,
Mike

Hi,
Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Thank you for the link to your site, I see that you are using the masonry element and are using “Sorting” and pagination with the post limited to 11.
So what happens is the masonry element gets the first 11 posts ordered by date, and then the categories for those 11 posts are shown in the “sorting”, so as you “load more” posts more categories are shown to sort with.
Since you have 236 posts and 12 active categories you could change the pagination post limit to a higher number that shows all of your posts, perhaps something like 22.
If your post in all of the categories are not well mixed, you may choose to cacge the post date on some of the very old categories so they will be available for your sorting with a lower post limit.

Best regards,
Mike

Hi,
To have the icon circle animate earlier try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_alb_element_animation( $class_animation, array $atts, aviaShortcodeTemplate $sc, $shortcodename )
{
	if( $shortcodename != 'av_icon_circles' )
	{
		return $class_animation;
	}
	return 'av-custom-animated-top-99';
}
add_filter( 'avf_alb_element_animation', 'custom_alb_element_animation', 10, 4 );

Best regards,
Mike

Hey pagemod,
Thank you for your patience, unfortunately I don’t have an actual iPad so I tested on my Mac with Safari in Responsive Design Mode to emulate an iPad, but I didn’t find any issues.
I see that the first page that you said looked corporation the top image was set to scroll, while the page with the issue has it’s image fixed for a parallax effect, for many years Safari didn’t handle parallax correctly but recently Safari has fixed this issue, so I assume that you have an older iPad with the error.
Try updating your iPad & Safari and see if this solves. If not this could be due to some iPads are locked to a certain software version and may not be able to use the latest Safari fix.

Best regards,
Mike