Hi,
Glad that Yigit could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hey ti2media,
Try adding this snippet to your child theme functions.php:

function add_sticky_info_box() {
    ?>
    <style>
        .sticky-info-box {
            position: fixed;
            bottom: 120px;
            right: 20px;
            width: 300px;
            height: 300px;
            background: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            z-index: 9999;
            display: flex;
            flex-direction: column;
            padding: 20px;
            box-sizing: border-box;
            transition: opacity 0.3s ease;
        }
        
        .sticky-info-box.hidden {
            display: none;
        }
        
        .sticky-info-box-header {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 15px;
        }
        
        .sticky-info-box-title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin: 0;
            flex: 1;
        }
        
        .sticky-info-box-close {
            background: none;
            border: none;
            font-size: 24px;
            color: #999;
            cursor: pointer;
            padding: 0;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.2s ease;
        }
        
        .sticky-info-box-close:hover {
            color: #333;
        }
        
        .sticky-info-box-message {
            flex: 1;
            color: #666;
            font-size: 14px;
            line-height: 1.6;
            margin-bottom: 20px;
            overflow-y: auto;
        }
        
        .sticky-info-box-button {
            background: #0073aa;
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            text-align: center;
            transition: background 0.2s ease;
        }
        
        .sticky-info-box-button:hover {
            background: #005a87;
        }
        
        .sticky-info-toggle {
            position: fixed;
            bottom: 120px;
            right: 50px;
            width: 50px;
            height: 50px;
            background: #0073aa;
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            z-index: 9998;
            display: none;
            align-items: center;
            justify-content: center;
            transition: background 0.2s ease;
        }
        
        .sticky-info-toggle:hover {
            background: #005a87;
        }
        
        .sticky-info-toggle.visible {
            display: flex;
        }
    </style>
    
    <div class="sticky-info-box" id="stickyInfoBox">
        <div class="sticky-info-box-header">
            <h3 class="sticky-info-box-title">Important Information</h3>
            <button class="sticky-info-box-close" id="closeInfoBox" aria-label="Close">×</button>
        </div>
        <div class="sticky-info-box-message">
            <p>This is your information box! You can customize this message to display any content you'd like to share with your visitors.</p>
        </div>
        <a href="/your-page-url" class="sticky-info-box-button">Learn More</a>
    </div>
    
    <button class="sticky-info-toggle" id="infoToggle" aria-label="Show information">ℹ</button>
    
    <script>
        (function() {
            var infoBox = document.getElementById('stickyInfoBox');
            var closeBtn = document.getElementById('closeInfoBox');
            var toggleBtn = document.getElementById('infoToggle');
            
            // Close the info box
            closeBtn.addEventListener('click', function() {
                infoBox.classList.add('hidden');
                toggleBtn.classList.add('visible');
            });
            
            // Show the info box again
            toggleBtn.addEventListener('click', function() {
                infoBox.classList.remove('hidden');
                toggleBtn.classList.remove('visible');
            });
        })();
    </script>
    <?php
}
add_action('wp_footer', 'add_sticky_info_box');

Then adjust the title, message, buttone text & link to suit. You can also adjust the CSS to change colors, etc.
It places the box & info button 120px from the bottom so they are above the scroll-top button, ratio than have them move if the scroll-top shows, which would not be so good.

Best regards,
Mike

Hi,
Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
Glad that Guenni007 could help, Thank you Guenni007, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

Best regards,
Mike

Hi,
For mobile add this css:

#top #wrap_all .header_color .menu-item-30.av-menu-button-colored > a .avia-menu-text {
    background-color: #6c0f1b;
    border-color: #6c0f1b;
}
#top #wrap_all .header_color .av-menu-button-colored > a:hover .avia-menu-text {
    color: #000;
}

Please note that mobile devices don’t have a hover rule, but the color changes on click, like the desktop hover, adjust to suit.

Best regards,
Mike

Hey ceakins1908,
Try this css in your Quick CSS:

#top #wrap_all .header_color #menu-item-30.av-menu-button-colored > a .avia-menu-text {
    background-color: #6c0f1b;
    border-color: #6c0f1b;
}
#top #header.header_color.av_header_transparency .av-main-nav > li.av-menu-button-colored > a:hover .avia-menu-text {
    color: #000;
}

Adjust the black hover color to suit, then clear your cache and check.

Best regards,
Mike

Hey photographie-tous-azimuts,
Thanks for your patience, try this code in your child theme function.php:

function custom_ingredientItems_script() { ?>
  <script>
// Wait for DOM to be fully loaded
document.addEventListener('DOMContentLoaded', function() {
  // Get all ingredient list items
  const ingredientItems = document.querySelectorAll('.flex_column li');
  
  // Get all slider navigation dots
  const slideDots = document.querySelectorAll('.avia-slideshow-dots .goto-slide');
  
  // Exit early if either element group doesn't exist
  if (ingredientItems.length === 0 || slideDots.length === 0) {
    return;
  }
  
  // Make sure we have matching items
  const itemCount = Math.min(ingredientItems.length, slideDots.length);
  
  // Add click handlers to each ingredient item
  for (let i = 0; i < itemCount; i++) {
    const li = ingredientItems[i];
    const dot = slideDots[i];
    
    // Add cursor pointer style
    li.style.cursor = 'pointer';
    
    // Add click event
    li.addEventListener('click', function() {
      // Trigger click on corresponding slider dot
      dot.click();
      
      // Optional: Add visual feedback
      ingredientItems.forEach(item => item.style.fontWeight = 'normal');
      li.style.fontWeight = 'bold';
    });
  }
  
  // Optional: Highlight first ingredient by default
  if (ingredientItems.length > 0) {
    ingredientItems[0].style.fontWeight = 'bold';
  }
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_ingredientItems_script', 99 );

In my test it is working.

Best regards,
Mike

Hey condonp,
Thanks for your patience, the FB widget looks correct to me:

please explain further.

Best regards,
Mike

Hi,
Try adding this css:

.slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a.avia-svg-icon svg:first-child, .alternate_color .ajax_controlls a.avia-svg-icon svg:first-child, .alternate_color .av-share-box ul li svg:first-child, .alternate_color .avia-svg-icon svg:first-child {
    fill: #ffffff !important;
}
.alternate_color .avia-testimonial-subtitle,.alternate_color strong.avia-testimonial-name {
	color: #ffffff !important;
}

Best regards,
Mike

Hey Tony T,
Thanks for your question, since you state that the site was built by a developer long ago, I assume that it was built using their Envato (Theme Forest) account and not your friend’s, unfortunately this occurs. So you will need to purchase a license though a new account with your friend’s email address so they have future updates. Then you can download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue,
then you will see the Theme updated successfully message.
After which you can go to your Theme Forest account and create a new Token for future automatic updates.
This will not interfere with your child theme modifications.
Please note that while we don’t expect any errors, the best course of action for such an old version is to create a stagging site, most webhost have this option, then update it first to see if you have errors. If it works fine then create a full backup, with your webhost options, and try the update on your live site.
Please also note that Enfold 3.0.4 is not PHP v8+ ready, so you will need to switch back to the v7 version before updating the theme.

Best regards,
Mike

Hey Robert Koopman,
I see that you are using v4.5.7 To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue,
then you will see the Theme updated successfully message.
After which you can go to your Theme Forest account and create a new Token for future automatic updates.

Best regards,
Mike

Hi,
To open a new thread plase login and use this link. It is the large blue button.
To remove the copyright please go to Enfold Theme Options ▸ Footer ▸ Copyright ▸ and add [nolink] See this documentation 

Best regards,
Mike

Hey Slade,
Thanks for the login, I see that you have the Elementor plugin installed, please note the Elementor and Enfold are not compatible.
Try to disable all plugins and check again.

Best regards,
Mike

Hi,
Can we login to examine?

Best regards,
Mike

Hey Munford,
When I check the price shows for each variation:

Best regards,
Mike