Hi,

Thank you for the inquiry.

We have temporarily disabled the Enfold > Performance > File Compression settings, but the site continues to load the merged or compressed scripts and stylesheets. This indicates that the server is still attempting to retrieve these resources from the cache. Please deactivate the plugins temporarily and ask your hosting provider to temporarily disable server caching so that we can check the issue further.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you add the code in the Enfold > General Styling > Quick CSS field? The code seems to be working correctly on our end. Please provide the login details in the private field so that we can check the modifications properly.

Best regards,
Ismael

Hi,

No problem! Let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey ryanchadek,

Thank you for the inquiry.

Have you tried temporarily disabling the header.php file in the child theme or updating it using the latest version from the parent theme? The footer relies on some of the code in the header.php file, so you have to make sure that the template file is updated.

Best regards,
Ismael

Hi,

Thank you for the update.

We’ve found an invalid code in the Quick CSS field and removed it. This code should be added in the functions.php file.

function ava_remove_title_attr(){
    ?>
    <script>
    jQuery(window).load(function(){
        jQuery('#wrap_all img.avia_image, #wrap_all .avia-gallery-thumb img, #wrap_all .avia-gallery-thumb a').removeAttr('title');
    });
    </script>
    <?php
    }
add_action('wp_footer', 'ava_remove_title_attr');

We also edited the css a bit and temporarily disabled the Enfold > Performance > File Compression settings. You can enable this option back once you’re done editing the site. Please make sure to do a hard refresh before checking the page.

Best regards,
Ismael

Hey envatobunny,

Thank you for the inquiry.

Please use this css code instead.

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
    right: 180px !important;
    width: 40px !important;
}

Please toggle the Enfold > Performance > File Compression settings, and purge the Siteground cache or disable it temporarily.

Best regards,
Ismael

Hi,

Did you install a cache plugin with compression options? You can choose to either keep the default file compression disabled and use the compression options provided by the plugin, or vice versa.

Thank you for your patience.

Best regards,
Ismael

Hi,

Did you remove the previous css code?

.html_visible_cart #menu-item-2289 .avia_mega_div {
    opacity: 1 !important;
    display: block !important;
    left: -210px !important;
}

Please remove the css code above, then add this one to make the mega menu fullwidth when the cart is visible.

.html_visible_cart #menu-item-2289 .avia_mega_div {
    width: 100vw !important;
}

Or post the login details in the private field so that we can test the changes properly.

Thank you for your patience.

Best regards,
Ismael

Hi,

We have edited the avf_header_setting_filter filter in the functions.php file and made some adjustments to the custom script. The header is now transparent, with the slider displaying below it.

function av_custom_inline_script_slider_banner()
{
    wp_add_inline_script(
        'jquery',
        "(function($) {
            $(document).ready(function() {
                $('#av-main-slider-banner').appendTo('.av-slider-banner-container');
                $('#header').addClass('av_header_transparency');
            });
        })(jQuery);"
    );
}
add_action('wp_enqueue_scripts', 'av_custom_inline_script_slider_banner');

add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 9999, 1);
function avf_header_setting_filter_mod($header)
{
    if ( is_archive() || is_singular('post') ) {
        $header['header_transparency'] = 'header_transparency';
        $header['header_title_bar'] = 'hidden_title_bar';
    }
    return $header;
}

#av-main-slider-banner { display: none !important; opacity: 0; }
.av-slider-banner-container #av-main-slider-banner { display: block !important; opacity: 1; }

We also added this css code to keep the slider from displaying when it’s not yet appended to the av-main-slider-banner container.

Thank you for your patience.

Best regards,
Ismael

Hey pelgrimrat,

Thank you for the inquiry.

Are you referring to the gallery above the footer area? The gallery seems to be responding correctly in mobile view, splitting into two columns instead of six. If you’d like to increase the number of columns, you can try using this css code

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

  /* Add your Mobile Styles here */
  #top .avia-gallery.av-lslwymmy-767d1ca16b1f4d9c429a0176d305ae0e .avia-gallery-thumb a {
    width: 33%;
  }
}

Best regards,
Ismael

Hey st,

Thank you for the inquiry.

You may need to adjust or reset the left position of the column element on mobile view. Please try this css code.

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

  /* Add your Mobile Styles here */
  .flex_column.av-lsi2hb8k-6aee99cc1e1fcfe1529179ad547236c0 {
    position: relative;
    left: 0;
  }
}

The default value of the left property is 100px. After the adjustment, it should look like the following screenshot.

// https://1drv.ms/i/s!AjjTfXSRbKTvgtxXjDgZ042XkpoRAQ?e=IJmlB2

Best regards,
Ismael

Hey Josh,

Thank you for the inquiry.

Which button are you referring to? Please provide a screensoht or post the site URL in the private field. 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

Hi,

Thank you for the inquiry.

You may need to use the Widget Area element in the Advanced Layout Builder to display widgets in the content area. If you need to separate the widgets from your content and replicate the default layout of pages with a sidebar, use the Column elements.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can add this css code to increase the maximum width of the logo.

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

  /* Add your Mobile Styles here */
  #header .logo img {
    max-width: 200px;
  }
}

Default max-width value is 100px. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect.

Best regards,
Ismael

Hi,

Thank you for the update.

You may need to adjust the breakpoint in the css media query above to target smaller screens. Please try this css code.

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

  /* Add your Mobile Styles here */
  #top .grid-content h3 {
    font-size: 32px;
    text-align: center;
  }
}

Best regards,
Ismael