Hey paulgross,

Thank you for the inquiry.

This is expected behavior. The tab element in Enfold uses anchor-based navigation (hash URLs), so clicking a tab only toggles the content on the current page. When you navigate to a detail entry URL like https://cprn.org/about-us/entry/200578/, the tab section from the parent page is no longer present, so clicking a tab just appends the hash to the current URL without redirecting back.

To get the behavior you’re looking for, the tab links on the detail page would need to redirect back to the parent page with the appropriate hash (e.g., https://cprn.org/about-us/#board). This would require custom js or modifications to the view template.

One approach is to override the tab click behavior using a small js snippet in your child theme:

add_action( 'wp_footer', function() {
    ?>
    <script>
    jQuery(document).ready(function($) {
        $('.tabcontainer .tab_titles .tab').on('click', function() {
            if (window.location.href.indexOf('/entry/') !== -1) {
                var hash = $(this).data('fake-id');
                window.location.href = 'https://cprn.org/about-us/' + hash;
            }
        });
    });
    </script>
    <?php
} );

This checks whether the user is on a detail entry URL and redirects them back to the parent page with the correct tab hash instead of just appending it. Another thing that might help is to create a custom layout that you can apply to multiple pages.

— https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/
— https://kriesi.at/documentation/enfold/custom-element-templates/

Let us know how it goes

Best regards,
Ismael

Hey newki75,

Thank you for the update.

We were able to reproduce the issue on a fresh page using only the ALB editor, which means the problem is not related to the mixed editor usage or any custom shortcode. To proceed, we will need access to your server via S/FTP. Please provide the login credentials in the private field below.

Before we begin testing, please make sure you have a full site backup in place, as we may need to temporarily disable or modify files while investigating. Please confirm that the backup has been made before sharing the credentials.

Best regards,
Ismael

Hey thebusybee,

Thank you for the inquiry.

This looks like a plugin conflict issue causing the builder to not load correctly. Could you try disabling all plugins temporarily, then go to Enfold > Performance panel and disable the File Compression settings, purge your cache and test again.

If the issue persists, please share your login credentials in the private field so we can take a closer look.

Best regards,
Ismael

Hi,

Thank you for the update.

When you insert an image from the Media Library as background for a Color Section, make sure you select “Full Size” from the size dropdown before inserting it. The default selection is often a smaller cropped or resized version, which will appear soft or blurry when stretched to fill a full-width section.

Please give that a try and let us know if the image looks sharper after switching to full size.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Regarding the logo shrinking on smaller screens and the burger menu/search icon overlapping, you can add the following css to Enfold > General Styling > Quick CSS field:

@media only screen and (max-width: 1290px) {
  .responsive #top .logo img {
    max-width: 62%;
  }

  #avia-menu {
    margin-right: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .responsive #top .logo img {
    max-width: 35%;
  }
}

Adjust the max-width value as needed to fit your logo within the header. Please make sure to purge the cache before testing.

Let us know if the issue persists.

Best regards,
Ismael

Hey jpassmann,

Thank you for the inquiry.

The demo images bundled with Enfold may or may not include a license for use on live websites — it varies by image. We cannot guarantee that any of them are safe to use publicly.

The safest course of action is to replace all demo images with your own. There are several royalty-free sources you can use:

— https://unsplash.com
— https://www.pexels.com
— https://pixabay.com

If you still want to check the origin of a specific image first, you can do a reverse image search to find the source and confirm its license terms:

— https://images.google.com
— https://tineye.com

We tried checking your site but it redirects to a 404, so we were unable to verify which image you are referring to.

Let us know if you have more questions.

Best regards,
Ismael

Hey bemodesign,

Thank you for the inquiry.

You can disable the breadcrumb from the Enfold > Header > Header Layout > Header Title and Breadcrumbs — set it to “Hide Both”.

Let us know if you have more questions.

Best regards,
Ismael

Hey newki75,

Thank you for the short clip.

The error is a php fatal error in the template builder’s shortcode parser. It’s happening because the Ballotins template contains shortcode data that is not structured as expected, likely due to the mixed editor usage that Mike mentioned earlier. Since the template itself appears to be corrupt, the most reliable fix is to rebuild it from scratch using only the ALB editor.

Regarding the theme update, yes, downloading from Themeforest always gives you the latest available version.

Let us know the result.

Best regards,
Ismael

Hey cherrmann,

Thank you for the update.

The negative margin-top values in your custom css are pulling the footer upward and overlapping the content above it, which is why the submit button and other elements near the footer get cut off.

You have these rules defined in two places:

#footer {
    padding: 0 0 190px 0;
    margin-top: -190px;
    background-image: url(//janisch-schulz.com/wp-content/uploads/2022/05/090-footer-wasser.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    #footer {
        background: url(//janisch-schulz.com/wp-content/uploads/2022/05/090-footer-wasser-mobil.jpg);
        background-size: cover !important;
        margin-top: -360px;
    }
}

The negative margin-top on both rules is what pulls the footer up over your content. Remove both margin-top values and your submit button should become visible again. The padding-bottom on the desktop rule was likely added to compensate for the overlap, so you may want to revisit that value as well once the margin is removed.

Let us know if the issue persists.

Best regards,
Ismael

Hi Janny,

Thank you for the inquiry.

Since this widget is loaded from an external script (https://public.tommbookingsupport.nl/reservation-inline.js), we recommend reaching out to the booking software support team to confirm whether they have any css customization guidelines or if there’s a native setting within their platform to control the styling.

We may also need screenshots to better understand the issue. You can use platforms like FreeImage, ImgBB, PostImages 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, ImgBB, PostImages 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 newki75,

Thank you for the clarification.

We were able to reproduce the issue when loading your Ballotins template on a new page. Since you’re experiencing this problem consistently when using the template, there may be conflicting code or a server-side issue preventing the publish action. To help us investigate further, we need to enable debug logging.

Please add these lines to your wp-config.php file:

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false );

Once added, WordPress will create a debug.log file in your wp-content folder. Check that file for any error messages when you attempt to publish a page with your template. Please share a screenshot of the relevant errors with us.

Let us know what you find.

Best regards,
Ismael

Hey Advantage09,

Thank you for the update.

Yes, your hosting company can safely delete the files in the dynamic_avia folder manually. That folder only contains cached css and js files that the theme regenerates automatically on the next page load, so there is no risk of losing any content or settings.

Before proceeding though, we recommend creating a full site backup or restore point just to be safe.

After the files are deleted, go to Enfold > Performance panel and enable the “Delete Old CSS And JS Files?” option and save. This tells the theme to clean up old cached files automatically going forward, which should prevent the folder from growing out of control again.

Once that is done, simply visit your site in a browser and the theme will regenerate only the files it actually needs.

Let us know if the issue persists.

Best regards,
Ismael

Hey debbiepeverelli,

Thank you for the inquiry.

1. The overlapping image is likely due to the absolute positioning, which causes it to appear incorrectly scaled on smaller screens. The best approach is to either hide it on mobile or manually adjust its size using css media queries.

You may need to apply a custom css class name to the overlapping image element.

— https://kriesi.at/documentation/enfold/add-custom-css/#enable-custom-css-class-name-support

Once you have added a custom class, for example av-overlap-image, you can target it on smaller screens like this:

@media only screen and (max-width: 767px) {
    .av-overlap-image {
        display: none;
    }
}

Or if you prefer to keep it visible but resize it:

@media only screen and (max-width: 767px) {
    .av-overlap-image {
        width: 80px;
        height: auto;
        top: 20px;
        left: 10px;
    }
}

You can add these css rules to Enfold > General Styling > Quick CSS field and adjust the values as needed.

2. The light blue highlight on focused fields and the green success message are default styles applied to the contact form. You can override them by adding the following to Enfold > General Styling > Quick CSS field — adjust the color values to match your site:

#top .avia-form .avia-input:focus,
#top .avia-form .avia-textfield:focus {
    background-color: #yourcolor;
    border-color: #yourcolor;
}

#top .avia-form .avia-success {
    background-color: #yourcolor;
}

#top .avia-form .avia-success p {
    font-family: inherit;
    font-size: inherit;
    color: #yourcolor;
}

Replace #yourcolor with the hex values that match your site palette.

Let us know the result.

Best regards,
Ismael

Hey!

Thank you for the info.

We tried logging to the site but the previous credentials are invalid.

We adjusted the script a bit so it properly intercepts the click at the .av-horizontal-gallery-wrap level, check if the clicked target is an anchor pointing to a toggle or accordion item and override the default gallery behavior.

Please replace the existing script in functions.php with this updated version:

add_action( 'wp_footer', 'ava_wp_footer_script_mod', 99 );

function ava_wp_footer_script_mod() {
    ?>
    <script>
    (function($) {
        $(document).on('click', '.av-horizontal-gallery-wrap', function(e) {
            var $anchor = $(e.target).closest('a[href^="#toggle-id-"]');

            if (!$anchor.length) return;

            e.preventDefault();
            e.stopImmediatePropagation();

            var href = $anchor.attr('href');
            var targetId = href.slice(1);
            var $title = $('#toggle-toggle-' + targetId);
            var $wrap = $('#' + targetId);

            if (!$title.length) return;

            if (!$wrap.hasClass('active_tc')) {
                $title.trigger('click');
            }

            setTimeout(function() {
                $('html, body').animate({ scrollTop: $title.offset().top - 80 }, 500);
            }, 300);
        });
    })(jQuery);
    </script>
    <?php
}

Please make sure to purge the cache before testing. Let us know the result.

Best regards,
Ismael

Hey cherrmann,

Thank you for the info.

We took a look at the page and found that there is an invisible Separator / Whitespace element just above the footer that has a height of 300px. This is what is causing the large gap on mobile view.

You can locate this element in the layout builder and either remove it or you can try this css to adjust its height on mobile view:

@media only screen and (max-width: 767px) {
  #top .hr.hr-invisible.av-mljdspyf-71312ddfce3302f17c1d53863ec1237a {
    height: 50px;
  }
}

Let us know if the issue persists.

Best regards,
Ismael