Hi,

Thank you for the update.

The avf_header_setting_filter filter should help if you want to enable the transparent header option for posts without editing them manually. Usage example can be found in the following threads.

// https://kriesi.at/support/topic/transparent-header-on-woocommerce-product-page/#post-1224884
// https://kriesi.at/support/topic/change-theme-options-on-a-per-page-basis/#post-1286821
// https://kriesi.at/support/topic/header-visibility-and-transparency/#post-1227925

You have to adjust the header_transparency and the header_class parameters.

$header['header_transparency'] = 'header_transparency';
$header['header_class'] .= " av_header_transparency";

But if you want to add new sections or elements under the header, then you would have to modify the template files directly, or use hooks such as ava_after_main_container or ava_after_main_title.

Best regards,
Ismael

Hi,

Thank you for the update.

The custom icons in the tab section titles are now displaying correctly on Chrome. How did you fix it?

Screenshot on Chrome: https://imgur.com/72EFG5n

Best regards,
Ismael

Hi,

The TEC template is quite different from the MEC template, so we cannot be sure. As suggested above, you may need to override the existing MEC templates or create your own template files. Unfortunately, this kind of modification is beyond the scope of support.

Best regards,
Ismael

Hi,

Thank you for the info.

It is not displaying correctly because the blog.css file is not being loaded in the page. Did you set the Enfold > Performance > Disabling of template builder elements to the second option?

Try to add this code in the Quick CSS field to adjust the style of social share tooltip.

.avia-related-tooltip.avia-tt {
    position: absolute;
    z-index: 9999999;
    padding: 0;
    width: 200px;
    border-radius: 2px;
    box-shadow: 0px 3px 13px 0px rgb(0 0 0 / 10%);
    border-width: 1px;
    border-style: solid;
    padding: 15px;
    margin-top: -10px;
}

Best regards,
Ismael

Hey Hejanni,

Thank you for the inquiry.

Try to replace it with the following css code to adjust the width of the columns and decrease the space between them.

.avia-content-slider-inner .av_one_fourth {
    margin-left: 2%;
    width: 23%;
}

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

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Did you create a staging site before changing the settings? You should create a site backup so that you can restore the site to its previous state if necessary.

When you see an element that is not working after an update, all you need to do is purge the cache and toggle minification/compression (Enfold > Performance if you are using it), or disable them temporarily. You do not have to update the page or change any settings. This step alone should be enough to reload the updated scripts and stylesheets. If you are using a plugin such as Autoptimize or BWP Minify and enabled HTML compression, make sure to disable that option too.

If the element is still not working after the steps above, then there might be an issue with the actual shortcodes such as missing element ID, which has been introduced in the later versions of the theme. If that is the case, try to set the builder to debug mode and enable the shortcode parser to repair the shortcodes.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#shortcode-parser

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The portfolio loads fine on browser device emulations (iPhone, iPad, Samsung, Pixel, Surface etc). It is not an actual device but the emulation is getting better at mimicking actual mobile device behavior. However, we noticed that the page takes quite a while to load, probably because there are a lot of portfolio items in a single page, which means that the browser has to request and load a lot of images, which might be the reason why it does not load at all on some mobile devices.

You might want to consider enabling the pagination or moving some of the portfolio items in their own category pages.

Screenshot: https://imgur.com/TDtSP7j

Best regards,
Ismael

Hi,

Thank you for the update.

You can include this filter in the functions.php file to display back the read more button in the category or archive pages.

add_filter("avf_post_slider_args", function($atts) {
	$atts["contents"] = "excerpt_read_more";
	return $atts;
}, 10, 1);

Best regards,
Ismael

Hi,

Thank you for the inquiry.

What is the current version of theme? You may need to update the theme manually via FTP if the current version is older than 4.7. Please check the following documentation for more info.

// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
// https://kriesi.at/archives/the-complete-guide-to-updating-enfold

Best regards,
Ismael

Hey Ans Vermeulen,

Thank you for the inquiry.

The Eunoia theme is not available on Themeforest anymore and is no longer supported. If you want to use a different theme or upgrade to another, we recommend Enfold.

// https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990

And for more info about older themes and why they have been removed, please check the following article.

// https://kriesi.at/archives/wordpress-5-0-and-enfold-4-5-1

Best regards,
Ismael

Hi,

Thank you for the update.

It worked correctly when we removed the mobil layer slider temporarily. We might have to add a few css code to actually hide the mobil slider on desktop view so that it does not interfere with the anchor positioning.

@media only screen and (min-width: 989px) {
    .home #layer_slider_2 {
       display: none !important;
       height: 0;
    }
}

Best regards,
Ismael

Hi,

No problem. Let us know if you need anything else. We will close the thread now.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Did you add the shortcode in the Description field manually? You should remove it there because search engines will just render them as static text, not as shortcodes or not as an actual accordion.

Best regards,
Ismael

Hi,

Sorry for the delay. You can use this css code to remove the left margin of the logo and move it to the edge of the screen.

@media only screen and (max-width: 767px) {
    .responsive #top .logo {
        margin-left: 0;
    }
}

Best regards,
Ismael

Hey Simplequery,

Thank you for the inquiry.

We tested the contact form on our end and it seems to be sending the messages correctly. We did not encounter any errors after sending the message. Did you check your spam folders?

The troubleshooting steps in the following documentation might help.

// https://kriesi.at/documentation/enfold/contact-form/#my-contact-form-is-not-sending-emails-

Best regards,
Ismael