Hi,
I randomly checked your other pages and they seem to work, was this a new page, dose it have anything different than the other pages, like scripts etc?
You opened with a question about the sidebar on this page and you said it doesn’t have any open divs, which is what this sounds like, how about including a admin login so I can check the backend, I assume that is working for this page, correct?

Best regards,
Mike

Hi,
Thank you for your patience, unfortunately I have not received any advice from the team so I did some more digging and I found that when the logo center menu below header option is used a header_main_alternate is created along with a second burger menu on page load:

I also noticed that if you wait long enough without interacting with your site on mobile the burger menu will show, so I thought that the issue was the delay of your javascript by your WP Rocket plugin, so I used the One-click exclusion option to exclude the theme javascript:

and cleared your cache and my browser cache and now the burger menu shows for me on my Android device and in my browser Dev Tools emulating a mobile device.
Please give this a try and please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Thanks for the test page, I believe that the issue is that for desktop the container max width is 1310px so top 0, right 0 is not putting the image at the edge of the screen:

#top #main .my-container {
right: 0;
position: absolute;
top: 0;
}

but on mobile it is:

So a possible solution is to remove the max-width limitation and the padding:

#av_section_1 .container {
padding: 0;
width: 100%;
max-width: 100%;
}
#top #main .my-container {
right: 0%;
position: absolute;
top: 0;
}

You would probably want to add a page ID to the so it doesn’t affect other pages, but I don’t know if this will cause any issues with other content you want to add to the page.
Your other option is to use media queries to adjust the negative right placement for each screen size like this:

@media only screen and (max-width: 890px) { 
#top #main .my-container {
right: -8%;
position: absolute;
top: 0;
}
}
@media only screen and (min-width: 891px) and (max-width: 1310px) { 
#top #main .my-container {
right: -6%;
position: absolute;
top: 0;
}
}
@media only screen and (min-width: 1311px) and (max-width: 1456px) { 
#top #main .my-container {
right: -10%;
position: absolute;
top: 0;
}
}
@media only screen and (min-width: 1457px) { 
#top #main .my-container {
right: -28%;
position: absolute;
top: 0;
}
}

Please note that this doesn’t cover evey screen size after 1456px, but gives you a good start depending on how precise you want to be noting that there are a limited number of actual screen sizes.

Best regards,
Mike

Hi,
Thanks, try this code instead:

function hide_masonry_gallery_excerpt_and_padding_if_empty() { ?>
  <script>
(function($){
  $('.av-masonry-gallery .av-masonry-entry').each(function() {
  	if ($(this).find('.av-masonry-entry-content').length === 0) {
    	$(this).find('.av-inner-masonry-content.site-background').css({"background-color": "transparent","padding": "0"});
    	$(this).find('.av-inner-masonry-content .avia-arrow').css({"background-color": "transparent"});
    }
  	
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'hide_masonry_gallery_excerpt_and_padding_if_empty');

Best regards,
Mike

Hi,
Unfortunately I only see a background color

if you are seeing the page when you are logged in try disabling the cache plugin, typically cache plugins don’t show the cache to users who are logged in.

Best regards,
Mike

Hi,
Please look again, your code is add_filter(‘avia_blog_post_query’, and my code is add_filter(‘avia_post_slide_query’, I tested mine before I posted it.

Best regards,
Mike

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