Hi,

We checked the style.css file and it doesn’t contain the default theme information, so we assume the theme files have been modified. Currently the file has the following code. Please make sure to download 7.1.4, then refrain from modifying the style.css file.

/*
Theme Name: Tabijapon
*/

/*
* PLEASE DO NOT EDIT THIS FILE!
*
* This file is only in your themefolder for WordPress to recognize basic theme data like name and version
* CSS Rules in this file will not be used by the theme.
* Instead use the custom.css file that is located in your themes /css/ folder to add your styles.
* You can copy a style rule from any of your css files and paste it in custom.css and
* it will override the original style. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->General Styling
*/

We checked the page and found that the AviaDatepickerTranslation error is gone and the date picker works as well. Did you figure out the issue?

View post on imgur.com

Best regards,
Ismael

Hi,

Sorry about that — we forgot to post the css code. Please try this modification:

#top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video {
    object-fit: fill;
}

Best regards,
Ismael

Hey bemodesign,

Thank you for the inquiry.

For the submenu text color and a few other improvements, try to add this to the Enfold > General Styling > Quick CSS field:

#av-burger-menu-ul .av-submenu-indicator{
    display: none;
}

#av-burger-menu-ul .sub-menu li a {
    color: #45a5dd !important;
}

#av-burger-menu-ul .av-width-submenu > a::after {
    content: "›";
    display: inline-block;
    margin-left: 20px;
    transform: rotate(90deg);
    font-size: 0.9em;
}

Please make sure to purge the cache before testing.

Let us know the result.

Best regards,
Ismael

Hi,

The fix was included in the latest version of the theme, 7.1.4. Please make sure to upgrade the theme if you haven’t done so. Let us know if the issue persists.

— https://kriesi.at/documentation/enfold/changelog/

Best regards,
Ismael

Hi,

Thank you for the update.

Adding this css code should help get rid of the gris bar, but it will distort the image a bit. Based on our checks, the distortion is not really visible. Please make sure to purge the cache before checking.

#top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video {
    object-fit: fill;
}

Best regards,
Ismael

Hi,

Thank you for the feedback.

Have you tried replacing the whole enfold/config-templatebuilder/avia-template-builder/php/class-save-buildertemplate.php file as described in the following thread?

— https://kriesi.at/support/topic/not-registered-dependencies-for-enfold-css-and-js/#post-1495805

Make sure to use this hook:

— https://kriesi.at/support/topic/not-registered-dependencies-for-enfold-css-and-js/#post-1495556

Let us know the result.

Best regards,
Ismael

Hey Munford,

Thank you for the inquiry.

For the gray bands issue, this is happening because the mp4 and webm versions of your video have different dimensions and aspect ratios. The slider is picking up on the size difference and displaying gray bars to fill the gap.

To fix this, you have two options:

1. Resize the mp4 video to match the exact dimensions of the webm version before uploading it.
2. Simply use the same webm video from your front page on the festival-2026 page, since they are the same video.

Option 2 is the quickest fix if both pages are using the same content.

Regarding the mobile video not loading on the layer slider, this is likely related to the same issue. Once the mp4 and webm versions are consistent in size and format, the mobile video should load correctly as well.

Let us know if the issue persists.

Best regards,
Ismael

Hey khickman,

Thank you for the inquiry.

The search element in Enfold should display results directly below the search field without redirecting to a separate page. When you press enter or click the search icon, it should redirect to the search results page and show the results without any 403 errors.

The 403 error probably indicates a server permissions issue or a conflict with your server configuration. We recommend reaching out to your hosting provider and ask them to check for any server-side restrictions or security rules that might be blocking the search requests. Mention that you’re getting a 403 Forbidden error when submitting search queries.

Also check if you’ve made any recent modifications to your search field or added any custom code related to the search functionality. If so, try to temporarily remove those changes to see if the issue resolves. If you’re using any security plugins like Wordfence or iThemes Security, try temporarily disabling them to see if they’re blocking the search requests.

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

This css code should help:

#top #header_meta .phone-info {
    position: absolute;
    right: 50px;
    top: 80px;
}

Result:

Best regards,
Ismael

Hi,

Thank you for the feedback.

Try to replace the modification with the following code:

.avia_recaptcha_v3 fieldset {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-direction: row;
}

.avia_recaptcha_v3 .form_element {
    flex: 0 0 calc(33.333% - 10px);
    margin-right: 15px;
}

.avia_recaptcha_v3 .av-recaptcha-area {
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
}

.avia_recaptcha_v3 .av-google-badge-message {
    display: none;
}

Make sure to purge the cache before testing.

Best regards,
Ismael

Hey Philipp Nepraunig,

Thank you for the inquiry.

We are aware of the issue, and a fix will be included in the next patch. In the meantime, you can add the code provided in the following thread to the functions.php file:

— https://kriesi.at/support/topic/not-registered-dependencies-for-enfold-css-and-js/#post-1495467

Let us know the result.

Best regards,
Ismael

Hey mattb1169,

Thank you for the inquiry.

We are not seeing the widget in the header, only the submenu on the top header. Did you remove the header widget? Please add it again so we can inspect the elements properly.

Best regards,
Ismael

Hi,

Thank you for the update.

To handle all those URL patterns, you can add the following to your child theme’s functions.php. This covers both cases — empty query results and valid archive/query pages that you don’t want accessible:

add_action( 'template_redirect', function() {
    if (
        ( is_author() || is_attachment() || is_post_type_archive() || is_tax() || is_category() || is_tag() ) &&
        ! have_posts()
    ) {
        global $wp_query;
        $wp_query->set_404();
        status_header( 404 );
        nocache_headers();
        include( get_404_template() );
        exit;
    }
} );

This will redirect all the content listing URLs, category URLs and feed endpoints you listed to your custom 404 page. It covers author, attachment, post type archive, taxonomy, category and tag routes.

Let us know how it goes.

Best regards,
Ismael

Hey Munford,

Thank you for the inquiry.

The code you found is too general and will likely affect other elements on the page, not just the portfolio grid.

A cleaner approach is to add a custom css class to your portfolio element and target that instead. You can do this by opening the portfolio element in the layout builder, go to the “Advanced” tab and add a custom class name there (e.g., av-music-portfolio). Then add your spacing rule to Enfold > General Styling > Quick CSS:

#top .av-music-portfolio .isotope-item {
    margin-bottom: 20px;
}

This way the rule only applies to that specific portfolio and nothing else on the site.

For more details on adding custom css classes in Enfold, please refer to the documentation:

— https://kriesi.at/documentation/enfold/add-custom-css/

Let us know if the issue persists.

Best regards,
Ismael

Hey JannyPolak,

Thank you for the inquiry.

Looks like the Advanced Styling settings may be getting overridden by another css rule, or the styles may be cached. Before anything else, please try to disable the Enfold > Performance > File Compression settings, save, and purge your cache, then check again.

If the styling still doesn’t apply, you can force the font and text-transform for the main nav links with this custom css added on the Enfold > General Styling > Quick CSS field:

#top .av-main-nav > li > a > .avia-menu-text {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
}

Make sure Josefin Sans is loaded on your site. If you’re using it via Enfold > Advanced Styling, it should already be enqueued. If not, you may need to select it under Enfold > General Styling > Fonts.

Please make sure to purge the cache before testing.

Let us know if the issue persists.

Best regards,
Ismael