Hey larsekal,

Thank you for the inquiry.

You can place a Slider or a Color Section element with background image at the very top of the page, then enable the transparent and glossy header.

Best regards,
Ismael

Hi,

Thank you for the update.

You don’t need to install a plugin to use the default contact form element in the theme. Do you receive the emails when you use the forms from the WPForms plugin? You can also try the Contact Form 7 plugin. If the issue persists when using these plugins, try to install an SMTP plugin or use a different email address from your own domain.

Best regards,
Ismael

Hey Larrian28,

Thank you for the inquiry.

Looks like the theme has been updated to version 5.3.1.1 when we checked the theme options, and the personal token seems to be validating correctly. Let us know if you need further assistance.

Best regards,
Ismael

Hi,

You can try this hook in the functions.php file to render a color section in the portfolio page with the featured image as background. Please note that this modification will only work for portfolio items without sidebars.

add_action("ava_after_main_title", function() {
    $post_id = get_the_ID();

    if(get_post_type( $post_id ) == "portfolio")
    {
        $thumbnail = get_the_post_thumbnail_url ( $post_id );

        echo do_shortcode("[av_section min_height='50' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='default' custom_margin='0px' custom_margin_sync='true' av-desktop-custom_margin='' av-desktop-custom_margin_sync='true' av-medium-custom_margin='' av-medium-custom_margin_sync='true' av-small-custom_margin='' av-small-custom_margin_sync='true' av-mini-custom_margin='' av-mini-custom_margin_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='" . $thumbnail . "' attachment='31' attachment_size='full' attach='scroll' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_arrow_bg='' css_position_z_index='' av-desktop-css_position_z_index='' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-lck8sod6' sc_version='1.0'][/av_section]");
    }
}, 10, 1);

Best regards,
Ismael

Hi,

Thank you for the clarification.

You can use this css code to adjust the width of the gallery columns on mobile view.

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
	/* Add your Mobile Styles here */
	.galerie figure {
		float: left;
		max-width: 100%;
		margin-right: 0;
		width: 100%;
	}

	.galerie figure img {
		width: 100%;
	}
}

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

Best regards,
Ismael

Hey michaellausser,

Thank you for the inquiry.

Are you using the Layer Slider and Google Map/reCAPTCHA plugin? Please note that Google Map/ReCAPTCHA uses Google Fonts by default. You may need to disable the Google Fonts from the layer slider settings. You should also check the Enfold > Advanced Styling panel and look for any elements that are using Google Fonts. You can also try the script provided in the following thread.

// https://kriesi.at/support/topic/important-change-request-for-avia_google_maps_api-js/#post-1346076

Best regards,
Ismael

Hi,

Glad to know that we could help. Please do not hesitate to open another thread if you encounter more issues with the theme, or if you have any questions.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like the hover image is covering the element containing the links. To fix the issue temporarily, please add this code in the functions.php file.

// fix animated images links
function ava_custom_script_animated_links() { 
    ?>
    <script>
        (function($) {
            $(".avia_animated_image").on("click", function() {
                var link = $(this).find(".avia_image").attr("href");
                window.location.href = link;
            });
        }(jQuery));
    </script>
    <?php
  }
add_action('wp_footer', 'ava_custom_script_animated_links');

We will forward the issue to our channel and hopefully release a fix in the next patch.

Best regards,
Ismael

Hey woogie07,

Thank you for the inquiry.

You can use the Layer Slider element or plugin to create sliders with custom navigations. Just add any layers (text, image etc), then go to the Layer Settings > Actions tab. In the Layer Actions tab, select Jump to slide and adjust the settings accordingly.

Best regards,
Ismael

Hey noz80,

Thank you for the inquiry.

Looks like you are using the Fullscreen Slider element. Please note that this slider automatically inherits the height of the browser screen and resizes the slider images accordingly to maintain their aspect ratios. You may need use the Fullwidth Slider element if you want the slider images to be fully visible on smaller screens. This slider resizes based on the size of the slider images instead of inheriting the height of the screen.

You can also use both and toggle their visibility on different screen sizes using the Advanced > Screen Options > Element Visibility settings. What this means is that you will have two sliders, one for desktop or larger screens and another for mobile view.

Best regards,
Ismael

Hi!

The verification code has already expired. We might also need to access the email so that we can get the verification code, but that will also require another authentication or 2FA (from your phone or another email). Have you tried asking Envato about the issue? Our personal token worked fine, so there might be something wrong with your Envato account, which they might be able to help you with.

Regards,
Ismael

Hey James,

Thank you for the inquiry.

Using the following css code should hide the logo and remove the background of the header container. The modification will also adjust the color of the mobile menu.

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

  /* Add your Mobile Styles here */
  .responsive .logo img, .responsive .logo svg {
    display: none;
  }

  .responsive #top #wrap_all #header {
    position: fixed;
  }

  .responsive #top .header_bg {
    opacity: 0;
  }

  #top #wrap_all .av_header_transparency {
    background-color: transparent;
    border-color: transparent;
  }

  .header_color div .av-hamburger-inner, .header_color div .av-hamburger-inner::before, .header_color div .av-hamburger-inner::after {
    background-color: #000000;
  }
}

Please make sure to temporarily disable the Enfold > Performance > File Compression settings and purge the cache after adding the css.

Best regards,
Ismael

Hey Andrew,

Thank you for the inquiry.

You can add this css code in the Quick CSS field to adjust the style of the filters on mobile view.

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

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

  /* Add your Mobile Styles here */

  .av-elegant-toggle .taglist a {
    line-height: 2.8em;
    font-size: 0.8em;
    padding: 7px 10px;
  }
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache after adding the css.

Best regards,
Ismael

Hey Alexander,

Thank you for the inquiry.

Have you tried setting the Disabling Of Template Builder Elements in the Enfold > Performance panel to Always load all elements? Selecting this option and purging the cache should disable the notification boxes. If the issue persists, try to disable the Enfold > Performance > File Compression settings temporarily.

Best regards,
Ismael

Hey SRF,

Thank you for the inquiry.

The theme designates its own thumbnail size to the catalog pages by default, but you can override it by adding this filter in the functions.php file.

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

The selected options in the Product Images panel should apply once the filter is added.

Best regards,
Ismael