Hi,

Thank you for the update.

But when I add your code to functions.php of the live site https://chiway.ch/diplom-lehrgaenge/akupunktur-und-tuina/#toggle-id-11 it doesn’t work in the same way… ?

It seems to be working as expected. The script should force the tab section to resize when the details or summary tab is clicked. Could you provide a short video clip of what is happening on your end?

Also: on both sites (development and live) when I open an ajax portfolio entry

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey mandystohry1,

Thank you for the inquiry.

The divider seems to be displaying correctly when we checked it on mobile view. If you want to hide it on smaller screens, please try this css code:

@media only screen and (max-width: 767px) {
     /* Add your Mobile Styles here */
    .avia-divider-svg.avia-divider-svg-bottom.avia-svg-original, .avia-divider-svg.avia-divider-svg-top.avia-svg-negative {
        display: none;
    }
}

Best regards,
Ismael

Hey final1967,

Please continue here: https://kriesi.at/support/topic/blog-post/

Best regards,
Ismael

Hey Cameron,

Thank you for the inquiry.

What happens when you add this css code?

#top .av-horizontal-gallery-inner {
    transition: none;
    opacity: 1;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, or any compression options and purge the cache after applying the modification.

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey,

This exact solution will be included in the upcoming version so you can apply it to the parent theme for now.

You can find this noted in the Upcoming Fixes thread: https://kriesi.at/support/topic/enfold-upcoming-fixes/

Regards,
Yigit

Hi,

Thank you for the clarification.

Try to add this css code to adjust the text color of the title:

#top #wrap_all .all_colors .av-image-caption-overlay-center h3 {
    color: #ffffff;
}

And to apply the overlay on mobile view, try this css code:

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

  /* Add your Mobile Styles here */
  #top .avia-slideshow.av-m3vkqh71-4e1d1fba30600cffcf1218dbcfe528bd .avia-slide-wrap:before {
    content: '';
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
}

Best regards,
Ismael

Hey BC-Clients,

Thank you for the inquiry.

Are you trying to decrease the space between the mega menu items? Try to add this css code:

#top #header .avia_mega_div > .sub-menu {
	padding: 2px 40px !important;
	border-top-width: 0;
}

And to adjust the style of the links, include this:

#header .mega_menu_title {
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 1em;
	font-weight: 600;
	display: block;
	font-weight: 400;
}

You may need to leave the titles of the mega menu columns blank and add an actual menu item to each column.

Best regards,
Ismael

Hey MysticMimi,

Thank you for the inquiry.

The post is created using the Advanced Layout Builder (ALB) unlike the other posts, so you will need to apply the excerpt or summary manually. Edit the post, click on Screen Options at the top of the page, and enable the Excerpt option. Once enabled, you can scroll down and manually add the excerpt in the designated field.

Best regards,
Ismael

Hi,

Thank you for the update.

We added the following css code to disable the fade-in effect of the masonry items and temporarily disabled the Performance > File Compression settings.

#top .av-masonry-entry {
    opacity: 1;
    visibility: visible;
}

Please make sure to purge the cache before checking the page.

Best regards,
Ismael

Hey mandystohry1,

Thank you for the inquiry.

1.) You can add this css code to change the color of the submenu items on hover:

#top .av-subnav-menu li a:hover {
    color: red;
}

2.) And to highlight the active item, please add this script in the functions.php file:

function ava_custom_script() { ?>
    <script>
        (function ($) {
            $(document).ready(function () {
                var currentUrl = window.location.href;
                $('.av-subnav-menu .menu-item a').each(function () {
                    if (this.href === currentUrl) {
                        $(this).parent().addClass('active');
                    }
                });
            });
        }(jQuery));
    </script>
<?php }
add_action('wp_footer', 'ava_custom_script', 99);

Then add this css code:

#top .av-subnav-menu li.active a {
    color: blue;
}

Best regards,
Ismael

Hi,

Thank you for the info.

The issue occurred because of this css rule:

#top .avia-layerslider .ls-wp-container .ls-slide-backgrounds * {
    max-width: 100%;
}

We removed it from the Quick CSS field.

Best regards,
Ismael

Hi,

Yes, you can use the avf_responsive_media_sizes filter to adjust the breakpoints, but keep in mind that it will be applied globally and may affect various styling options across the site.

function avf_responsive_media_sizes_mod( $sizes ) {
    $sizes = array(
        'av-desktop' => array( 1024, 0 ),  // Desktop view: Min width 1024px
        'av-medium'  => array( 769, 1023 ), // Medium view: 769px to 1023px
        'av-small'   => array( 481, 768 ),  // Small view: 481px to 768px
        'av-mini'    => array( 0, 480 )     // Mini view: 0px to 480px
    );

    return $sizes;
}
add_filter( 'avf_responsive_media_sizes', 'avf_responsive_media_sizes_mod' );

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The caption titles look white when we checked. To center-align the container, please add this css code:

.avia-slideshow.av-desktop-hide.av-medium-hide .avia-caption {
    bottom: 31%;
    left: 50%;
    transform: translateX(-50%);
}

Best regards,
Ismael