Hi,
Try to add your Teams logo as a social profiles and then it will show in the share box with your other ones, please see this thread. You have already done the first part of making the icon on Fontello, so just follow after that step.

Best regards,
Mike

Hey woogie07,
Thanks for the link to your page, but I don’t see any animated headings crashing into any copy below on mobile.
Are you referring to the heading “The guiding principles that determine our actions”?
If this is the special heading and it is the model for many across your site and you want a little extra padding below it on mobile, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
	#top #main .active-parallax .av-special-heading {
		padding-bottom: 30px;
	}
}

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

Best regards,
Mike

Hey woogie07,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header {
    position: fixed !important;
    background: #fff;
  }
}

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

Best regards,
Mike

Hi,
Glad to hear that you found the issue, unfortunately I don’t have any other ideas.
Please let us know if there is anything else we can assist with on this or if we should close this thread.

Best regards,
Mike

Hi,
Glad Rikard could 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 weblines,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
	height: 0px;
	width: 0px;
	opacity: 1;
}

.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet:before {
  content:'•';
  padding-right: 5px;
  color:#000 !important;
  font-size: 20px;
  top: -8px;
  position: relative;
}

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

Best regards,
Mike

Hey Advantage09,
Based on the earlier script, this one works for the twitter-timeline in my tests, but unfortunately the twitter-timeline loads so slowly that I had to set the delay to 12 seconds to consistently work. The element must be loaded first for the script to work.
You can try testing with a lower number than 12000 if you wish.

function skip_twitter_timeline() { ?>
    <script>
(function($) {	
  setTimeout(function(){
  $('.twitter-timeline').each(function() {
          $(this).prop('tabIndex', -1);
          $(this).prop('aria-hidden','true');
      })
  $('.twitter-timeline *').each(function() {
      $(this).prop('tabIndex', -1);
      $(this).prop('aria-hidden','true');
  })
  },12000);
}(jQuery));
</script>
    <?php
  }
add_action('wp_footer', 'skip_twitter_timeline');

Best regards,
Mike

Hey CJGVD,
Thank you for your patience, how did you set a primary category I only see the option to set a parent category.

Best regards,
Mike

Hi,
I have asked the rest of the team for advice, I will reply back when I have further info to share, thank you for your patience.

Best regards,
Mike

Hi,
Thanks for the link, to remove the bottom margin from the icon title try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

[id^=after_layer_slide] .av_iconlist_title {
    margin-bottom: 0;
}

After applying the css, please clear your browser cache and check.
This is the expected results

Best regards,
Mike

Hey creativeopole,
Please enable the WooCommerce 3.0 product gallery at Enfold Theme Options ▸ Shop Options ▸ Product gallery ▸ WooCommerce 3.0 product gallery

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, I didn’t find a custom class for your color section with the background image that you want to hide so I added: hide-background-image-on-mobile

and then I set the first 1/5 empty column to be hidden on mobile:

and then I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

@media only screen and (max-width: 767px) { 
.hide-background-image-on-mobile {
	background: none !important;
}
}

and now on mobile the content is at the top of the page without the green background image, please clear your browser cache and check.

Best regards,
Mike

Hi,
Ok the staging site has been updated, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for your patience, when I check your site on my Android device your top video of a light bulb works for me, so I assume that you have sorted this out or you are checking on an iPhone and it’s not working there, if that is the case then the issue is with the iPhone which typically blocks background videos on mobile.
I have heard that if you disable the mobile data saving option on the iPhone then the video may work, but since this is set by default your visitors won’t know to disable this and thus won’t see your video, so in this case you should use a fallback image for mobile devices.

Best regards,
Mike

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

function lottie_play_on_hover_only() { ?>
  <script>
(function($){
$('.av-lottie-animation-container.play-on-hover').each(function() {
$(this).removeClass("av-animated-when-almost-visible");
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'lottie_play_on_hover_only');

Then clear your browser cache and check.

Best regards,
Mike