Hey togetherconcept,

Thank you for the inquiry.

Try to add this script in the functions.php file:

function ava_custom_accessibility_script() {
    ?>
    <script>
        (function($) {
            $(document).ready(function() {
                $(document).keydown(function(e) {
                    if (e.keyCode === 27) {
                        $('.menu-item-has-children').each(function() {
                            var $submenu = $(this).find('.sub-menu');
                            if ($submenu.css('opacity') === '1') {
                                $submenu.css({
                                    'opacity': '0',
                                    'visibility': 'hidden'
                                });
                            }
                        });
                    }
                });
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_accessibility_script');

Best regards,
Ismael

Hi,

No problem! Glad we could be of help. Please let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey Michael F,

Thank you for the inquiry.

Where exactly would you like the print button to display? You can use template hooks to insert the button at various locations on the product page.

Example:

function ava_product_pdf_print_button() {
    echo do_shortcode('[bws_pdfprint display="pdf"]');
}
add_action( '<a href="https://automattic.pxf.io/y2XdbN/" target="_blank" rel="nofollow">woocommerce</a>_before_single_product_summary', 'ava_product_pdf_print_button', 15 );

This may require a few css adjustments.

Best regards,
Ismael

Hey simmsen,

Thank you for the inquiry.

Why would you need to open the burger menu with the skip link? The purpose of the “Skip to Navigation” link is to allow users to skip past the navigation and directly access the main content, not to open the menu itself.

// https://www.w3schools.com/accessibility/accessibility_skip_links.php

If you would like to manually create a “Skip to Navigation” link, please try using this hook:

function ava_skip_to_content_link_header() {
    echo '<a href="#main" class="skip-to-navigation">Skip to Content</a>';
}
add_action( 'ava_main_header', 'ava_skip_to_content_link_header', 10 );

Best regards,
Ismael

Hi,

Thank you for the update.

Please include this css code to adjust the arrows and the alignment of the caption text:

#top .av-slideshow-ui .avia-slideshow-arrows a.prev-slide {
    left: 0;
}

#top .av-slideshow-ui .avia-slideshow-arrows a.next-slide {
    right: 0 !important;
}

#top .avia-slideshow .avia-caption {
    min-width: 80%;
    text-align: center;
}

Best regards,
Ismael

Hey Tim,

Thank you for the inquiry.

You need to convert the SVG file to an Iconfont before uploading it to the Iconfont Manager. You can use the Iconfont converter in the Fontello site. Please refer to the documentation below for more info: https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

Best regards,
Ismael

Hi,

Thank you for the login token.

The site and the dashboard is still in Italian when we checked. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.

Best regards,
Ismael

Hi,

Thank you for the update.

We get the following error in the console when we edit a Text widget. We also noticed that the site is using an older version of the theme (6.0.2). Please update to version 6.0.7 and make sure to purge the cache afterward.

editor.min.js?ver=6.7.1:2 Uncaught TypeError: Cannot read properties of undefined (reading ‘getSelection’)
at editor.min.js?ver=6.7.1:2:2167
at n (editor.min.js?ver=6.7.1:2:3271)
at HTMLDocument. (editor.min.js?ver=6.7.1:2:248)
at C (tinymce.min.js?ver=49110-20201110:2:10800)
at HTMLDocument.d (tinymce.min.js?ver=49110-20201110:2:10946)

Best regards,
Ismael

Hi,

Try updating the selector “.av-masonry.mixed-contenttype” to “.mixed-contenttype” in the script, or use the following code:

function av_lightbox_with_mixed_content_type() { 
?>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", function () { 
	(function($){
		$('.mixed-contenttype .av-masonry-entry').each(function(){
			if( $(this).filter('[data-av-masonry-custom-link]').length!==0 ){
				$(this).attr('rel', 'lightbox').addClass('mfp-iframe');
			}
		});	
	})(jQuery);
});
</script>
<?php 
}
add_action('wp_footer', 'av_lightbox_with_mixed_content_type', 999);

Best regards,
Ismael

Hey westefan,

Thank you for the inquiry.

We can’t seem to reproduce the issue on our end. The portfolio items were fully visible when we checked. Did you figure out the issue?

Best regards,
Ismael

Hi,

Thank you for the update.

Where can we check the scrolling issue? Please provide a screenshot using platforms like Savvyify, Imgur or Dropbox.

To be honest, no. Why should I take the complicated route and install the animation option in Enfold first?

You don’t need to install anything. The animations are already included by default; you just need to enable them and configure the settings.

Best regards,
Ismael

Hi,

positioning, but there isn’t any way to indicate something like “Bottom-Center”.

Are you trying to move the button to the bottom and center it horizontally? Try to set the Caption Positioning to “Bottom Framed”, then add this css code to center-align the caption horizontally.

.caption_bottom.caption_bottom_framed.caption_framed .slideshow_align_caption {
    text-align: center;
}

Best regards,
Ismael

Hi,

Thank you for sharing. This will probably be included in the next patch.

Best regards,
Ismael

Hi,

Thank you for the update.

Where do you see the meta description? This the only meta description that we can see in the page:

<meta name="description" content="The War Horse is an award-winning nonprofit newsroom educating the public on the military through military news, forums, and writing seminars.">

And another for open graph meta, which is different from the meta description:

<meta property=&quot;og:description&quot; content=&quot;The War Horse is an award-winning nonprofit newsroom educating the public on the military through military news, forums, and writing seminars.&quot;>

Would you mind providing a screenshot? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hey bdfuel,

Thank you for the inquiry.

You can manually add the html using a Text or Code block element. Example:

<div class="avia-author-book-container avia-column-gap-no">
<div class="avia-column avia-col-50 avia-top-column avia-element avia-element-1fbc302" data-id="1fbc302" data-element_type="column">
<div class="avia-widget-wrap avia-element-populated">
<div class="avia-element avia-element-41719f0 avia-widget__width-initial avia-widget avia-widget-jet-listing-dynamic-image" data-id="41719f0" data-element_type="widget" data-widget_type="jet-listing-dynamic-image.default">
<div class="avia-widget-container">
<div class="jet-listing jet-listing-dynamic-image">
                        <a href="https://demo.crocoblock.com/v2/only-books/book-authors/adiva-geffen/" class="jet-listing-dynamic-image__link">
                            <img width="100" height="100" src="https://demo.crocoblock.com/v2/only-books/wp-content/uploads/2022/04/Adiva_geffen-100x100.jpg" class="jet-listing-dynamic-image__img attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt="Adiva_geffen" decoding="async" srcset="https://demo.crocoblock.com/v2/only-books/wp-content/uploads/2022/04/Adiva_geffen-100x100.jpg 100w, https://demo.crocoblock.com/v2/only-books/wp-content/uploads/2022/04/Adiva_geffen-150x150.jpg 150w, https://demo.crocoblock.com/v2/only-books/wp-content/uploads/2022/04/Adiva_geffen-230x230.jpg 230w" sizes="(max-width: 100px) 100vw, 100px" loading="eager">
                        </a></div>
</div>
</div>
</div>
</div>
<div class="avia-column avia-col-50 avia-top-column avia-element avia-element-09dc9ac" data-id="09dc9ac" data-element_type="column">
<div class="avia-widget-wrap avia-element-populated">
<div class="avia-element avia-element-049d92b avia-widget avia-widget-jet-listing-dynamic-link" data-id="049d92b" data-element_type="widget" data-widget_type="jet-listing-dynamic-link.default">
<div class="avia-widget-container">
<h4 class="jet-listing jet-listing-dynamic-link">
                        <a href="https://demo.crocoblock.com/v2/only-books/book-authors/adiva-geffen/" class="jet-listing-dynamic-link__link">
                            <span class="jet-listing-dynamic-link__label">Adiva Geffen</span>
                        </a></h4>
</div>
</div>
<div class="avia-element avia-element-5b03505 avia-widget avia-widget-heading" data-id="5b03505" data-element_type="widget" data-widget_type="heading.default">
<div class="avia-widget-container">
                    <span class="avia-heading-title avia-size-default">1 books</span></div>
</div>
</div>
</div>
</div>

Then add this css code:

.avia-author-book-container {
    display: flex;
    flex-wrap: wrap;
}

.avia-column.av-ia-col-50 {
    width: 50%;
    padding: 10px; /* Adjust the padding as needed */
}

.avia-widget-wrap {
    display: flex;
    flex-direction: column;
}

@media (max-width: 768px) {
    .avia-column.av-ia-col-50 {
        width: 100%; /* Stack columns on smaller screens */
    }
}

You can use the 1/4 Column element for each author.

Best regards,
Ismael