Hey Diana,

Thank you for the inquiry.

1-2.) You can use this css code to adjust the overlap issue on mobile view and hide footer logo.

@media only screen and (max-width: 768px) {

  /* Add your Mobile/Tablet Styles here */
  .avia-image-container.av-l4tjzlhk-ec21aaea3608b0ab6b2a6cfbbd3dbdde {
    top: 100px;
    left: -20px;
  }

  div#logofooter {
    display: none;
  }
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

Best regards,
Ismael

Hi,

Have you managed to switch the pages to use the classic editor instead of the block editor? Please let us know in a different thread if you are encountering any issues with the switch.

Best regards,
Ismael

Hey thebrandland,

Thank you for the inquiry.

Are you building the site on another development or staging server? It’s fine as long as you don’t use a single license for multiple live domains. A single license is good for a single domain. The link below should clarify things out.

// https://themeforest.net/licenses/terms/regular

Best regards,
Ismael

Hi,

Great! Glad to know that the site has been fully restored. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Can we have access to the site and links to the pages displaying the same issue? Please provide the info in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

You have to apply a unique class name to the columns and specify the max-height property on smaller screens. In the Angebote > Heilbehandlungen page for example, you have to edit the first column element within the very first color section, apply a unique class name (ex. “av-angebote-columns”), then use the following css code to apply a maximum height to the columns on smaller screens.

@media only screen and (max-width: 768px) {
    .av-angebote-columns, .av-l4zdmdju-da9ad5719cfe00250f8791b5bfa001f6 {
        max-height: 300px;
    }
}

This is how the column should look after applying the modifications above.

Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvw1zlAhUAl-JfsZ_b?e=cMBF6y

Best regards,
Ismael

Hey Piamq,

Glad to know that you’ve found a working solution. Please do not hesitate to open another if you have more questions about the theme. We hope that we can help you better next time.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

The masonry element has a sorting option which looks about the same as the fooddocs site but it can only filter posts that are already present in the page, all other related posts in the next pages will not be included. You can enable it in the masonry element’s Content > Sorting panel, look for e Sorting? settings and make sure that it is set to the first option.

Best regards,
Ismael

Hey xrisoskoni,

Thank you for the inquiry.

You may need to create a new function and register it to an action hook called woocommerce_after_single_product_summary, then change its priority to 25 so that it renders after the related products.

add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_output_another_image_slider', 25);
function avia_woocommerce_output_another_image_slider() {
    echo "do something here";
}

Best regards,
Ismael

Hey dweddell,

Thank you for the inquiry.

The theme has a post navigation by default, it’s the arrows with semi transparent background located at both edge of the screen. You can enable it by adjusting the Enfold > Single Post Options > Single Post Navigation settings.

But if you want to create your own custom shortcode, the following documentation should help.

// https://developer.wordpress.org/reference/functions/get_previous_post/
// https://developer.wordpress.org/reference/functions/get_next_post/
// https://codex.wordpress.org/Shortcode_API

Best regards,
Ismael

Hi,

Thank you for the inquiry.

If you haven’t found the mobile menu option yet, please go to the Enfold > Main Menu > General panel and look for the Menu Items For Mobile settings. You can set the menu switch below 990px (e.g tablet devices).

Best regards,
Ismael

Hi,

One of the users kindly modified one of our snippet and use it to delete other thumbnails from the server which he thought was not necessary for a site that he was working on. Please check these threads.

// https://kriesi.at/support/topic/responsive-content-images-retina-screens/#post-1077293
// https://kriesi.at/support/topic/disable-creation-of-multiple-file-resoltuions-on-media-upload/#post-1172543

Please make sure to create a site backup (database, files etc) after adding the code and before regenerating the thumbnails.

If you have more questions about the theme, please feel free to open a new thread.

Thank you for your patience.

Best regards,
Ismael

Hi,

Thank you for creating the staging site.

We adjusted the code a bit and confirmed that it is working properly. Please make sure to purge the cache and do a hard refresh before testing the page.

This the final code. (see private field)

// scroll to active tab section
function ava_custom_script_tab_section_scroll() {
    ?>
    <script type="text/javascript">
    (function($) {
        function av_trigger_scroll_to_tab(s, e) {
            $(s).on(e, function(event) {
                var load = e == 'load',
                    loc = load ? window.location.hash : $(this).attr('href'), 
                    hash = load ? loc : loc.substring(loc.indexOf('#')),
                    avtab = $('.av-layout-tab[data-av-deeplink-tabs="'+ hash.replace(/#/g, '') +'"]'),
					tab = avtab.length == 0 ? $(hash) : avtab,
                    parent = tab.parents('.av-tab-section-outer-container'),
                    pos = $(parent).offset();

				if(pos.top) {
					tab.trigger('click');
					
					console.log('scroll now to: ', pos.top);
					$([document.documentElement, document.body]).animate({scrollTop: pos.top - 100}, 500);
				}
            });
        }
        
        $(document).ready(function() {
            var tabs = $('.av-tab-section-container');

            if(tabs.length == 0) return;

            av_trigger_scroll_to_tab( '.menu-item a', 'click' );
            av_trigger_scroll_to_tab( window, 'load' );
        });
    })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_tab_section_scroll', 9999 );

Best regards,
Ismael

Hi,

Thank you for the info.

In the child there is also the “shortcode” folder of https://www.spiderflystudios.com/shop/software/custom-enfold-elements-spiderfly/, the header.php file has not been modified.

It is possible that the errors occurred because the custom shortcodes in that folder are not updated and are no longer compatible with the latest version of the theme. Is there an available update for the custom shortcodes that is compatible with Enfold 5.1.1?

Please enable the error logs so that we can check the generated errors. You may need to contact the shortcode developer/s and ask them to inspect the issue.

Best regards,
Ismael

Hi,

Thank you for the info.

We may need to edit one of the posts in order to check the issue further. Please provide the login details in the private field.

In the enfold/includes/helper-post-format.php filter, you will find the avia_audio_content_filter function which handles the content and preview for audio formatted posts. The function requires an audio shortcode which it extracts from the post content based on a shortcode pattern. The extracted value is assigned as a parameter for the current post and passed as an argument for the avia_default_title_filter function, which is responsible for displaying the audio player in the preview container. Without the audio shortcode, the theme will not be able to display an audio player in the preview container.

Best regards,
Ismael