Hey BenjaminSpeedtsberg,

Thank you for the inquiry.

The live site seems to be on maintenance mode, so we can’t access it. Please provide the login details in the private field and provide a screenshot of the issue using imgur, savvyify or dropbox.

Best regards,
Ismael

Hey Alan,

Thank you for the inquiry.

You can add this css code to create more space for the product price info on mobile view.

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

  /* Add your Mobile Styles here */
  .av-catalogue-content {
    padding: 0;
  }
}

And to create more space between the product title and the price info, just insert this css code.

.av-catalogue-title-container .av-catalogue-title {
    margin-bottom: 10px;
}

Best regards,
Ismael

Hi,

Now how do I make the mobile site show two columns?

Glad to know that the modification is working. It looks like the live search bar overlay has been disabled, though. Please enable it back so that we can inspect the elements.

Best regards,
Ismael

Hi,

Thank you for the update.

@newmediologo,

@jbond82: Are you using WPML? If so, you may need to reselect the default language in the WPML > Languages panel. Look for the Site Languages section and click the “Change default language” button. If this does not resolve the issue, please provide the login details in the private field so that we can investigate further.

Best regards,
Ismael

Hi,

Thank you for the update.

For mobile view, please try to include this css code.

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  html.responsive,
  .responsive body {
    overflow: hidden;
  }
}

We have disabled the Enfold > Performance > File Compression settings temporarily. You can re-enable it once you’re done with your changes.

Best regards,
Ismael

Hi,

We’re not entirely sure why the gallery images are being duplicated, but in the meantime, you can use the following CSS code to hide the duplicates:

#top div .avia-gallery .big-prev-fake {
    display: none;
}

Please provide the S/FTP login details in the private field, and we’ll let you know as soon as we figure out what’s causing the issue.

Thank you for your patience.

Best regards,
Ismael

Hi,

Excellent! Glad to know that the issue has been resolved. If you have any more questions about the theme, please feel free to create another thread.

Have a nice day!

Best regards,
Ismael

Hey BenjaminSpeedtsberg,

Thank you for the inquiry.

You are actually seeing the default background color of the main container. To change this, you have a couple of options:

1.) Disable the border radius in the bottom left and right corners of the color section. This will ensure that the color extends to the full width of the section without being cut off by the rounded corners.

2.) Apply a negative top and bottom margin to the color section to pull or push the element itself and the surrounding elements. This will conceal the main container’s background and allow the color to display as the background for the section.

You can try this css code.

#border-radius-top, #border-radius-full, #border-radius-bottom {
    z-index: 9999;
    position: relative;
}

#border-radius-top {
    border-radius: 80px 80px 0px 0px;
    margin-top: -80px;
}

#border-radius-full {
    border-radius: 80px;
    margin-bottom: -80px;
    margin-top: -80px;
}

#border-radius-bottom {
    border-radius: 0px 0px 80px 80px;
    margin-bottom: -80px;
}

You may need to adjust the space between the sections after adding the css code, using the horizontal/separator element or with a custom css.

Best regards,
Ismael

Hey Julio,

Thank you for the inquiry.

We adjusted the css code in the Quick CSS field a bit.

/* Overlap Columns - Homepage Banner (Desktop) */
#homepage-banner+#after_section_1.container_wrap {
  border-top-style: none;
}

#homepage-banner main.content {
  padding: 0;
}

#homepage-banner .entry-content-wrapper {
  display: flex;
  align-items: center;
}

#homepage-banner .green-box {
  left: -5vw;
  z-index: 1;
}

/* Overlap Columns - Homepage Banner (Mobile) */
@media only screen and (max-width: 767px) {
  #homepage-banner .entry-content-wrapper {
    flex-direction: column;
  }

  #homepage-banner .green-box {
    left: auto;
    z-index: 1;
  }

  .responsive #top #homepage-banner>.container {
    max-width: 100%;
    padding: 0;
  }

  #homepage-banner .avia-image-container .avia-image-container-inner img {
    width: 100%;
    right: auto;
  }
}

Please make sure to purge the cache and do a hard refresh before checking the page on mobile view.

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

We may need to access the site in order to further check the issue. Please provide the login details in the private field. Did you install and activate a new plugin or script recently?

Best regards,
Ismael

Hey schweg33,

Thank you for the inquiry.

We can prevent scrolling for these pages, but please note that the bottom part of the content may be cut off on smaller screens. If this is not a concern, you can add the following CSS code:

.page-id-12438, .page-id-12020 {
    overflow: hidden;
}

After adding the CSS modification, please toggle or temporarily disable the Enfold > Performance > File Compression settings to ensure that the changes take effect.

Best regards,
Ismael

Hi,

Thank you for the update.

The suggestion above should work in this case. To add the same image to multiple pages for example, you can create a new post or page, insert the image or any other content using the builder, and then add it to your pages using the Page Content element. If you want to change the image later, you can simply edit the original post or page, and all instances of the Page Content element across the site will be updated.

Alternatively, you can use Content Element Templates (CETs) to create a builder element that can be modified globally. Please check the documentation below for more information about CETs:

// https://kriesi.at/documentation/enfold/custom-element-templates/”

Best regards,
Ismael

Hey papieren,

Thank you for the inquiry.

Which multi-language plugin are you using? If you are using WPML, the following documentation should help.

// https://wpml.org/documentation/getting-started-guide/translating-widgets/

You can also use a widget conditional plugin to control the visibility of the widget areas based on the active language. Please check the links below.

// https://wordpress.org/plugins/conditional-widgets/
// https://wordpress.org/plugins/widget-logic/
// https://jetpack.com/support/widget-visibility/

Best regards,
Ismael

Hey!

Glad to know that you’ve found a solution. In case you require an alternative, please try this code in the functions.php file.

// custom script: disable link when AJAX search is open
function ava_custom_script_search_disable_links()
{
    ?>
    <script type="text/javascript">
        (function($) {
            $('a').on('click', function(e) {   
                var search = $('.avia-search-tooltip');
                
                if(search && search.css('display') == 'block') 
                {
                    e.preventDefault();
                    return;
                }
            });
        })(jQuery);
    </script>
    <?php
}
add_action( 'wp_footer', 'ava_custom_script_search_disable_links', 9999 );

Cheers!
Ismael

Hi,

Great! Glad to know that the solution is working. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael