Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all #main .av-social-link-mail:hover a, #top #wrap_all #main .av-social-link-mail a:focus {
    color: #fff;
    background-color: #9fae37;
}

and change the background color to suit.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your example page, each left side menu item opens a new page with the same layout, this is the same as our demo page that you linked to, and this would be my recommendation also. I can’t think of a different solution for the same behavior.

Best regards,
Mike

Hi,
I believe that you misunderstood, I suggested adding the last snippet also, that is try using both together.

Best regards,
Mike

Hi,
The reason that you are not seeing your social icon in your footer and instead see the shortcode [social-bookmarks] is because you didn’t add the function to make the shortcode work to your child theme functions.php, I added it for you and now it works.
This was the thread you are trying to duplicate, thanks to Guenni007’s solution.

Best regards,
Mike

Hi,
Thanks for the feedback, I see your link is to some inner pages where I had tested the homepage, I don’t know why you see the error there:

but not on the homepage:

For the two social icons in your footer in the text widget, I assume that you added these manually, can you just change the aria-hidden to false?
I will research a solution for the scroll-top-link

Best regards,
Mike

Hi,
The above css doesn’t look right, but your site is not showing footer icons I only see a shortcode, [social-bookmarks] please enable the function to make the shortcode work and try this css:

#footer .widget ul.social_bookmarks {
display: inline-flex;
gap: 0px 10px;
}

#footer .widget ul.social_bookmarks li {
border: none
}

Best regards,
Mike

Hi,
Please clear your browser cache and check the catagory name above the post title now.

Best regards,
Mike

Hi,
Thank you for your patience, I tested your page on PageSpeed and I didn’t get the elements contain focusable descendents that you showed in your screenshot but I did see the ARIA role missing which when I expaned the error it said it was due to the burger menu:

typically a compatibility plugin could change this but since you are not using one I added this code to your child theme functions.php:

function custom_aria_role_for_burger_menu() { ?>
  <script>
(function($){
  $('.av-burger-menu-main').each(function () {
  $(this).attr('role', 'menuitem' );
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_aria_role_for_burger_menu');

and now this error is gone:

Best regards,
Mike

Hi,
Glad we were able to 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

Hi,
Thank you for your patience, I modified the snippet removing the EventListener and changed it’s loading order and it seems to have corrected, please clear your browser cache and check.
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,
As I understand from the documentation above it should only fire after a payment is made, the documentation says to set the payment option to demo so you don’t need to use a real cc card and it also says that it will not work with coupons or discounts that make the item free, I see in your video you used a coupon to make the item a dollar, not free I know, but maybe the coupon throws it off.
I believe your site is live, can you test on a staging site with the payment set to demo and use a test card instead of a coupon?

Best regards,
Mike

Hi,
You gave us admin login earlier this is how I was able to test on your site and make the video on your site.
Try downloading the Firefox Developer Edition 114.0b7 (64-bit) and see if that works for you.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, perhaps the email notifications are going to your spam folder, when I check your profile it shows that you are subscribed to this thread. 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

Hi,
Glad to hear this helped, I don’t understand your next question, please open a new thread and explain further perhaps with an example of a mockup.
Please note that we ask that each thread stays “on topic” and different threads are used for multiple questions, this helps future users find solutions easier and multiple Moderators assist you with a solution, thank you for understanding.

Best regards,
Mike

Hi,
Did you see my review of your examples? One of them opens new pages and not in popups, one of them uses an element like our ajax portfolio and the last one uses a text box popup like I created for you earlier, but none of them shows a full page in a popup they all only show enough text that will show in the visible screen area even on mobile.
So for exactly like this I recommend the text box popup solution from earlier and only add a littel text in the text block like your example sites do.
Try using the page revisions to go back to that solution.

Best regards,
Mike