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

Hi,
I was referring to your javascript and css issues above.
Anyways I thought this thread was bout the [aria-hidden=”true”] issue, I will try to investigate this more.

Best regards,
Mike

Hi,
Thanks for the feedback, I see that you are minifying your css & js with wprocket and with the theme, this double minifying and or merging can cause issues, I would recommend only using one or the other for minifying and merging.
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,
Thanks for the feedback, when I check the burger menu is centered in it’s element header_main, please see the screenshot in the Private Content area, the blue highlighting is the element.
If you are not seeing this try clearing your browser cache, if I misunderstood please explain, a screenshot may help.

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 and the link to your site, I was not able to view your Code Snippets plugin as I got the error: Du bist leider nicht berechtigt, auf diese Seite zuzugreifen. but I was able to disable the plugin.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor or add it to your Code Snippets plugin as a php snippet:

function truncate_breadcrumb_trail_end() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
var elem = $(".breadcrumb-trail .trail-end");
if(elem){
    if (elem.text().length > 20)
            elem.text(elem.text().substr(0,20)+'...');
}
})(jQuery);
});
</script>
  <?php
}
add_action( 'wp_enqueue_scripts', 'truncate_breadcrumb_trail_end', 99 );

This will truncate the breadcrumb trail-end to 20 characters:

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike