Hi,
You can disable the linked image overlay at: Enfold theme options > Advanced Styling > Linked Image Overlay

You can remove the Titles on mouse-over by adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_remove_title_script() { 
?>
    <script>
(function($){
    $("*").hover(function(){
      $(this).removeAttr("title");
    });  
  })(jQuery);
  </script>
    <?php
}
add_action('wp_footer', 'custom_remove_title_script');

Best regards,
Mike

Hi,
To make your grid row element sticky you can use the same script that was given in another thread:

function custom_collant_script() { ?>
    <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $(function() {       
     var scroll_start = 0;
     var startchange = $('.avia-section.collant');
     var offset = startchange.offset();
     var width = $(window).width()
      if (startchange.length){
     $(document).scroll(function() { 
        scroll_start = $(this).scrollTop();
        if((width >= 990) && (scroll_start > offset.top - 117)) {
          document.querySelector('.avia-section.collant').classList.add('sticky-top');
         } else {
          document.querySelector('.avia-section.collant').classList.remove('sticky-top');
         }
     });
      }
  });
})(jQuery);
});
</script>
    <?php
}
add_action('wp_footer', 'custom_collant_script');

I added this custom class to the grid row for you avia-section collan

and now the grid row sticks near the top, the only thing is that this function sticks 117px from the top because on the other page you had a sticky header, but for product pages it looks like you want to remove the sticky header, is this correct or are you going to use a sticky header on your product pages too?

Best regards,
Mike

Hi,
Thank you for the link to your site, I found that your youtube link was incorrect so I adjusted it, see the Private Content area below for the correct video format, but your video is still showing the “this video is unavailable” error, I tested this on my demo site and it does work correctly so I believe the issue is that you are using and old version of the theme: v4.7.3 we are now at v4.9.2.3 so please try updating.
I see that you have not added a valid Envato private token so you will need to do this to update.
I also see that your PHP version: 7.3.33, WordPress recommends a minimum of 7.4

so you should probably ask your webhost to update your PHP first then update your theme.

Best regards,
Mike

Hey amyteslin,

Enfold is compatible with PHP 7.4. Please make sure that you are running the latest version of the theme: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

Best regards,
Rikard

Hey Christian,

Thank you for the inquiry.

You may need to modify the enfold/framework/php/widgets/widget-classes/class-avia-combo.php file directly and adjust the widget tab title in this code around line 47.

			$this->form_tabs = array(
								0				=> __( 'No content', 'avia_framework' ),
								'popular'		=> __( 'Popular posts', 'avia_framework' ),
								'recent'		=> __( 'Recent posts', 'avia_framework' ),
								'comments'		=> __( 'Newest comments', 'avia_framework' ),
								'tagcloud'		=> __( 'Tag cloud', 'avia_framework' )
							);

You can also use this plugin if editing a file is not an option.

// https://wordpress.org/plugins/say-what/

Best regards,
Ismael

Hi,
Glad to hear, try this instead

function custom_offset_script_with_width() { ?>
    <script>
(function($) {
  $('a[href*=#]:not([href=#])').click(function() {
  	var width = $(window).width()
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
      	if ($(window).width() < 768) {
        $('html,body').animate({
          scrollTop: target.offset().top - 10 //offsets for fixed header
        }, 1000);
        return false;
      } else {
      	$('html,body').animate({
          scrollTop: target.offset().top - 80 //offsets for fixed header
        }, 1000);
        return false;
      }
      } 
    }
  });
  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
      var target = $('#'+location.href.split("#")[1]);
      if (target.length) {
      	if ($(window).width() < 768) {
        $('html,body').animate({
          scrollTop: target.offset().top - 10 //offset height of header here too.
        }, 1000);
        return false;
      } else {
      	$('html,body').animate({
          scrollTop: target.offset().top - 80 //offset height of header here too.
        }, 1000);
        return false;
      }
      } 
    }
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'custom_offset_script_with_width');

Best regards,
Mike

Hi,

The warning you are getting after updating PHP is likely not caused by Enfold. This might help you out though: https://wordpress.stackexchange.com/questions/296937/constant-wp-cron-lock-timeout-already-defined-in-htdocs-wp-config-php

Best regards,
Rikard

• This reply was modified 3 years, 11 months ago by Rikard.

Hi,
Thank you for your patience, perhaps this solution will help in your case, you can try this by adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_offset_script() { ?>
    <script>
(function($) {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 125 //offsets for fixed header
        }, 1000);
        return false;
      }
    }
  });
  //Executed on page load with URL containing an anchor tag.
  if($(location.href.split("#")[1])) {
      var target = $('#'+location.href.split("#")[1]);
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 125 //offset height of header here too.
        }, 1000);
        return false;
      }
    }
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'custom_offset_script');

I tested this on your page by injecting the code in my browser and it seemed to work well, instead of trying to land on the anchor while the page is still loading and adjusting it’s height, this script waits for the page to load and then scrolls to the anchor.

Best regards,
Mike

Hey spygames,
Thank you for your patience, I believe the Header Phone Number changed from a “span” tag to a “div”, so try this script:

function add_custom_script(){
?>
<script>
(function($){
function change_topinfo() {
$('.page-id-12131 .phone-info div').text('CALL NOW: 01604 946 543');
$('.page-id-28924 .phone-info div').text('CALL NOW: 01604 267 522');
}
change_topinfo();
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

Best regards,
Mike

Hi,
Thank you for your patience, I tested this function in my functions.php:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
	$sub .= '<span class="bloginfo name">' .get_bloginfo( 'name', 'display' ).'</span>';
	$sub .= '<span class="bloginfo description">' .get_bloginfo( 'description', 'display' ).'</span>';
	return $sub;
}

it gets the site title and description from the WordPress settings, and I uploaded a small 80px red logo as the regular logo and small 80px white logo as the transparent logo in the theme options:

Then I added this css:

#top .logo,
#top .logo a {
  overflow: visible;
	display:flex;
	max-height: 80px;
	color:red;
	text-decoration: none;
}
@media only screen and (min-width: 990px) { 
#top #header.av_header_transparency .logo a {
	color:#fff;
}
}
.logo .subtext {
  font-size: 20px;
	padding-left: 20px;
    font-weight: 600;
	display: flex;
  flex-direction: column;
  align-items: flex-start;
	justify-content: center;
}
.bloginfo {
line-height:22px
}
@media only screen and (max-width: 820px) { 
.logo .subtext {
	font-size: 12px;
}
.bloginfo {
line-height:14px
}
}
@media only screen and (max-width: 610px) {
.responsive #top #wrap_all #header_main .main_menu {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
}
.responsive #top #header_main .logo {
    display: flex;
    width: 100%;
    justify-content: center;
}
#header_main .inner-container {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
}

my header size is the default “Slim”, with a “Sticky Header”

Desktop before and after scroll:

Laptop:

For mobile (425px) I stacked the logo & text over the mobile menu and centered them, this seems to work better than making the text so small that I couldn’t really read it:

This is how the smallest mobile (375px) looks:

Please give this a try, I linked to my test site below.

Best regards,
Mike