Hi,
Sorry for the very late reply and thanks for the video and URL, what is a login for the URL?
You say that you know where the error is, please share.

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,
I adjusted desktop & mobile versions, please check.

Best regards,
Mike

Hey Esteban,
Sorry for the very late reply and thanks for your screenshots and link to your site.
I believe the solution to this is to assign the “background-size” to your background image based on the device orientation, so when the device is in portrait mode the background-size should be “contain” so the whole image will display, and when the device is in landscape mode the background-size should be “cover”. In my tests in portrait mode the image was too close to the top so this css also centers the background.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 1024px) and (orientation: landscape) { 
#av_section_1 > .av-parallax {
	background-size: cover !important;
}
}
@media only screen and (max-width: 1024px) and (orientation: portrait) { 
#av_section_1 > .av-parallax {
	background-size: contain !important;
	background-position: 40% center !important;
}
}

Then clear your browser cache and check.
Another approach would be to use a different sized background image depending on the device, currently your image is 1920 x 1080 which is a landscape orientation, try creating another image with a portrait orientation such as 768 x 1080 and use as a background image for a second color section on the page. Then set each to show for the correct device orientation.

Best regards,
Mike

Hi,
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  var url = location.pathname;
  if (window.location.href.indexOf('avia-element-paging=') > -1) {
    $(".post-entry-type-standard").css({ 'display': 'none' });
  } 
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Then clear your browser cache and check.

Best regards,
Mike

Hi,
Please try adding “color” to the css like this:

#top #next-section-arrow .scroll-down-link {
    top: -20vh;
    left: 42.5vw !important;
    color: red !important;
}

PLease adjust to suit and then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
I believe the desktop version is sorted out now, please check. For the mobile version I added some css to hide the widgets, but did you want the header to be sticky on mobile and the burger menu to be centered?

Best regards,
Mike

Hi,
Thank you, I disabled the admin toolbar for my user account in the user settings, when you test you may wish to do the same.
I adjusted the script and added it to your functions.php and it seems to work well, please check.
This is the script I added:

function custom_script(){
  ?>
  <script>
(function($){
$(window).scroll(function(){
var width = $(window).width();
var scrolled = $(window).scrollTop();
if ( scrolled >= 110 && width <= 767) {
$( '#header' ).each(function() {
$(this).css({'background-color':'#ffffff','position':'fixed','top':'-110px'});
$('#main').css({'margin-top':'185px'});
});
}
else if ( scrolled <= 110 && width <= 767){
$( '#header' ).each(function() {
$(this).css({'background-color':'#ffffff','position':'relative','top':'0'});
$('#main').css({'margin-top':'0px'});
});
} else {}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Very good, and thanks to KunaWeb for sharing 🙂
I’m glad to hear this helps, I believe the dev team will need to adjust the core script, and I will submit this to them. I will leave this open for now and reply when I hear back from them.

Best regards,
Mike

Hi,
This sounds like an issue with the Contact Form 7 plugin and it’s reCAPTCHA when enabled, since it is happening with two themes.
Please try asking the Contact Form 7 plugin author, they may already have a patch for this.

Best regards,
Mike

Hi,

@KunaWebAgency thank you for sharing your solution. @JaimBateman I adjusted @KunaWebAgency’s solution for your masonry pagination and it seems to cover your points above, please give this script a try. Please note any issues you may see and then remove the script so I can adjust, if necessary.

function custom_masonry_pagination_links(){
  ?>
  <script>
(function($){
	$(document).ready(function() {
		var thispag = $( ".av-masonry-pagination nav.pagination a" );
		var thisfirst = $( ".av-masonry-pagination nav.pagination a" ).eq(0);
		var thisone = $( ".av-masonry-pagination nav.pagination a" ).eq(1);
		var count = thispag.length;
		var baseurl = location.protocol + '//' + location.host + location.pathname;
		var url = document.URL;
		var theURL = url.split( "=" )[0];
		var theindex = url.split( "=" )[1];

		if ( count > 0 ) {
			if ( theindex == 1 ) {
				thispag.attr( "href", baseurl );
			} else if ( theindex > 1 && count < 5 ) {
				thisfirst.attr( "href", baseurl );
			} else if ( theindex == 2 && count > 4 ) {
				thisfirst.attr( "href", baseurl );
				thisone.attr( "href", baseurl );
			} else if ( theindex == 3 && count > 4 ) {
				thisfirst.attr( "href", theURL + "=" + ( theindex - 1 ) );
				thisone.attr( "href", baseurl );
			} else if ( theindex > 3 && count > 4 ) {
				thisfirst.attr( "href", baseurl );
				thisone.attr( "href", theURL + "=" + ( theindex - 1 ) );
			}
		}
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_masonry_pagination_links');

Best regards,
Mike

Hi,
Thanks, I see an error I made, please remove the scripts so I can test fresh again from my side.

Best regards,
Mike

Hi,
@jaimbateman, thanks for the feedback, so the [<<] only shows after page 4, I adjusted for this, and for the [<] on page 2.
Please try replacing your code with this one:

function custom_masonry_pagination(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
   var thistwo = $(".av-masonry-pagination nav.pagination a").eq(1);
   var thisone = $(".av-masonry-pagination nav.pagination a").eq(0);
   var count = $(".av-masonry-pagination nav.pagination a").length;
   var url = document.URL;
   var theURL = url.split("=")[0];
   if ($(count>4)){
   if (thistwo.hasClass("inactive")){
   thistwo.attr("href", theURL + "=1");
   }
   if ($(count>8)){
   thisone.attr("href", theURL + "=1");
   }
   if ($(count<8)){
   thisone.attr("href", theURL + "=1");
   }
}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_masonry_pagination');

Best regards,
Mike

Hi,
Sorry for the very late reply, and thanks for the link to your table.
So as I understand you would like to add a border to your cells, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#av_section_2 tr,#av_section_2 td,#av_section_2 th {
  border: 5px solid #847f7f !important;
}

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