Hey hotspot,
Sorry for the late reply, to add a “scroll down arrow” to the top of your page over a full width easy slider, first create a “code block” with the ID “next-section-arrow” under the full width easy slider with this code:

<style>
#top #next-section-arrow .scroll-down-link {
    top: -20vh;
    left: 42.5vw !important;
}
</style>

<a href="#true-next" title="" class="scroll-down-link av-control-hidden" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></a>

then add this ID to the target section below the slider: true-next
Then clear your browser cache and check.

Best regards,
Mike

Hi,
Sorry for the late reply, to change the font size of h1 on mobile, I looked at your page and the heading “Innovations Management Software”, for this structure 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: 767px) { 
	.avia_textblock h1 {
		font-size: 24px !important;
	}
}

adjust the font size to suit.
After applying the css, Please clear your browser cache and check.

Best regards,
Mike

Hi,
For targeting IOS devices try to take advantage of the IOS media queries such as (-webkit-min-device-pixel-ratio: 2) and specific sizes and orientation. Please see: CSS Media Queries for iPads & iPhones
You may have to mix and match the media queries to cover all of your devices, but this site has them laid out nice.

Best regards,
Mike

Hey fcp,
Sorry for the late reply, I didn’t find a solution to do this with an Enfold “filter” or “hook”, but I was able to write a script that seems to work. First I added a custom ID to your home page product slider frontpage-product-slider because we don’t want this running amok.
Then I added this script to your child theme functions.php

function custom_shop_columns_script(){
  ?>
  <script>
(function($){
$(document).ready(function(){
	var width = $(window).width()
	if((width >= 768) && (width <= 1024)) {
  $('#frontpage-product-slider.template-shop.avia-content-slider').removeClass('shop_columns_4').addClass('shop_columns_3');
	}
	 else if((width <= 767)) {
		$('#frontpage-product-slider.template-shop.avia-content-slider').removeClass('shop_columns_4').addClass('shop_columns_2');
	} else {}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_shop_columns_script');

Then I added this css to your Quick CSS

#frontpage-product-slider.shop_columns_3 .products .product {
    width: 31.6% !important;
}
#frontpage-product-slider.shop_columns_3 .products .product:nth-child(4) {
    display: none !important;
}
.responsive #top #main #frontpage-product-slider.shop_columns_2 .products .product {
	    margin: 0 1% 1% 0 !important;
    width: 49% !important;
}

I had to disable your Autoptimize plugin because it’s cache was making it hard to test this, but it seems to work now. Please clear your browser cache and check.
Please note, if you test on a desktop by changing your window size, you will have to reload the page because the script works on page load and not window resize.

Best regards,
Mike

Hi,
Thanks for the link but I don’t see a sidebar on your shop page. Where can we see this?
It looks like your shop page has been replaced with a shortcode for the Woof product filter displaying a grid, or the Dokan plugin is this correct?
If this shortcode is set to 100% width that could cause the sidebar to be pushed down, this also occurs with our full-width elements such as the color section. But we will be able to tell more when we see it.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the link, looking at your 3 text blocks at the top of your page on mobile I see that that they are in a section that only shows on mobile #buildingtopmobile but each block has a different custom class, so for example, your second block has the custom class .textMiddle and this script hides the text block on page load and then shows it with animation when the element is about mid-screen.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($) {
var headerHeight = -200;
var distance = $('#buildingtopmobile .textMiddle').offset().top + headerHeight;
$('#buildingtopmobile .textMiddle').hide();
$(window).scroll(function() {
    if ( $(this).scrollTop() >= distance ) {
    	$('#buildingtopmobile .textMiddle').show("slow"); 
       
   } else {
      
   }
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

Please clear your browser cache and check that this works for you on mobile and if so then try making the last text block have the same custom class to see if both animate on scroll. I don’t think the top text block should have the class because it is already in view on page load so you probably won’t notice the animation.

Best regards,
Mike

Hi,
Thanks for the screenshot, there are a couple of ways to determine if the page is scrolled to apply to the burger icon color, depending on your theme settings. So if we could examine the page we could offer a better solution, but with just the screenshot to go by, this css should work.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.header_color:not(.av_header_transparency) .av-hamburger-inner, .header_color:not(.av_header_transparency) .av-hamburger-inner::before, .header_color:not(.av_header_transparency) .av-hamburger-inner::after {
  background-color: blue !important; 
}

After applying the css, Please clear your browser cache and check.
If this doesn’t help please include the URL to the page in question so we can take a closer look.

Best regards,
Mike

Hi,

@kaysejo sorry for the late reply, if you would like to add the “aria-label” as a “ALT” to your social icons, Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
$( '#header_meta .social_bookmarks a' ).each(function() {
	var socialtitle = $( this ).attr("aria-label");
$( this ).attr("alt",socialtitle);
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_script');

The scroll to top icon already has the alt of: “Scroll to top” and I didn’t see a search icon in your header.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the link, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.avia-video, .avia-video iframe, .avia-video video {
    background-color: #fff !important;
}

Then clear your browser cache and any cache plugin, and check.

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 :)

For future reference the final script was:

function custom_pagination(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
	var url = document.URL;
	var theURL = url.split("page")[0];
  	$new_pagination = '<nav class="pagination"><a href="'+theURL+'" class="inactive">1</a><a href="'+theURL+'page/2/" class="inactive">2</a><a href="'+theURL+'page/3/" class="inactive">3</a><a href="'+theURL+'page/4/" class="inactive">4</a><a href="'+theURL+'page/5/" class="inactive">5</a></nav>'
if ($("#top.page-id-5480" || "#top.page-id-5494" || "#top.page-id-5500")){
	$( "nav.pagination" ).replaceWith( $new_pagination );
} else {}
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_pagination');

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the example page, your script is working for me, I tested with Chrome & Firefox and clicking the “Jump to 2020” button goes to that slide. Did you sort this out?

Best regards,
Mike

Hey shar_s,
Sorry for the late reply, I believe what has happened is that when you buy a license on Envato you first get this support option:

This first offer of Extend support to 12 months $17.63 is only valid at the time of purchase, but Envato sends emails about how the cost of support is calculated as a percentage of the item price and changes with time.

So I believe you received an email during the “support period” about your support option pricing from Envato, we do not set this price and can not “sell” this directly, all purchases must go through Envato.

Best regards,
Mike

Hi,
Thanks, so the first issue is that your menu has no “#top” or “home” link so the first anchor link that is found on the page is highlighted, so to correct I have added a hidden “#top” link so when the page is loaded no menu items are highlighted, but when you scroll down the anchors are highlighted.
The second issue seems that your “footer as a page” being linked to with a “#footer” anchor which should be ok, but it seems to work correctly when using “#footer-page” instead.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, since this will be for three pages I added a function to get the current page path and add it to the pagination URL so it doesn’t have to be hardcoded into the links. Then I found that two of the pages were not using the pagination so I adjusted them so we could test the pagination function, 20 items per page and pagination “on”
It seems that this is working on all three pages now, please check.

Best regards,
Mike

Hi,
I see, ok I will investigate this, but the login doesn’t give us access to your theme or WordPress options, please see the screenshot in Private Content area.

Best regards,
Mike