Hey Christian,

Thank you for the inquiry.

The Column elements have animation settings that can be enabled in the Advanced > Column Animation panel. You can also use the Layer Slider for more advanced layering and effects. Please check the screenshot below.

If you need help implementing the animation library, please check this link.

— https://kriesi.at/contact/customization

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can try this css code to force the mobile menu to display on tablet view and smaller screens.

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

  /* Add your Mobile Styles here */
  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none;
  }
}

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

Glad to know that you’ve found the issue. We can confirm that the text fields are now working properly.

Best regards,
Ismael

Hi,

Thank you for the update.

We added the following code in the Code Snippets plugin, which fixed the map display issue in the directory listing. Please note that this will completely display the map API from the theme.

function ava_disable_gmap() {
    add_filter('avf_load_google_map_api', '__return_false', 10);
    add_filter('avia_google_maps_widget_load_api', '__return_false', 10);
}

add_action('admin_init', 'ava_disable_gmap');

add_filter("avf_skip_enqueue_scripts_backend_gmaps", function($skip) {
   return "skip_loading";
}, 10, 1);

add_filter("avf_load_google_map_api_prohibited", function($prohibit) {
   return true;
}, 10, 1);

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

You can try this code in the Quick CSS field to make the header fixed and move the first section below it.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header {
    position: fixed;
  }

  #top #wrap_all .header_color.av_header_transparency+#main>div.av-1a7rg49-0361ab150500a4dbf4236ca5f8b54140 {
    padding-top: 90px;
  }
}

Best regards,
Ismael

Hey milkrow,

Thank you for the inquiry.

Try to add this script in the function.php file to correct the overlay issue:

add_action( 'wp_footer', function() { ?>
  <script type="text/javascript">
    (function($) {
      $('.grid-image').trigger('mouseover');
    })(jQuery);
  </script>
<?php }, 9999 );

Best regards,
Ismael

Hey Jason,

Thank you for the inquiry.

We not unable to reproduce the issue on our own installation, so it’s likely caused by a plugin or a custom script. Have you tried disabling all plugins temporarily? Please clone the site to a staging environment, disable all plugins, and then activate them one by one to identify the culprit.

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the update.

We tried temporarily adding a text block to the portfolio, then clicked Preview, and the text element immediately displayed on the frontend without saving the page. How can we reproduce the issue with the page preview?

Best regards,
Ismael

Hi,

Thank you for the info.

The site is requesting a YubiKey OTP. Could you temporarily disable this requirement so we can access the site using only the login credentials?

Best regards,
Ismael

Hi,

Thank you for the update.

We adjusted the filter in the functions.php file.

add_filter( 'avia_blog_post_query', 'ava_blog_post_query_mod', 10, 2 );

function ava_blog_post_query_mod( $query, $params ) {
    if (is_page(1230)) {
        $query['orderby'] = 'date';
        $query['order']   = 'DESC';
    }

    if (is_page(574)) {
        $query['orderby'] = 'modified';
        $query['order']   = 'DESC';
    }

    return $query;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Are you trying to upload this in Enfold > Import/Export? The name of the top folder in the zip file should be “SVG”. Currently, it’s named “Medical_Icons_SVG”, so the theme can’t recognize it. Please rename the top folder, then archive or zip it again before uploading it to the icon manager.

Please check this documentation for more info: https://kriesi.at/documentation/enfold/svg-icon-sets/

Best regards,
Ismael

Hi,

Thank you for the update.

Adjusting the line spacing of the text doesn’t seem to make a difference on our end, but we’re using a relatively small screen, which might be the reason. If you want to adjust the font size and also limit the height of the mega menu images, try this css code:

#top #header .avia_mega_div > .sub-menu > li > ul > li a .avia-menu-text {
    line-height: 10px;
    font-size: 10px;
}

#top #wrap_all .avia_mega_div img {
    height: 64px;
    object-fit: cover;
    width: 100%;
}

Result:

Best regards,
Ismael

Hi,

Thank you for the update.

Did you add this css code?

.avia-menu.av-main-nav-wrap, .main_menu {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

This causes the main menu to cover the top half of the sidebar and everything below it. You need to remove this code or override it with this css rule.

#top .avia-menu, #top .main_menu {
    display: block;
}

#top .avia-menu #avia-menu {
    float: right;
}

Screenshot showing the menu overlap issue:

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 milkrow,

Thank you for the inquiry.

The sidebar on archive or category pages for custom post types, such as Portfolio, can be controlled in Enfold > Sidebar Settings > Sidebar On Archive Pages settings. Aside from this option, there are no other settings to adjust the appearance of the sidebar, so you will need to use custom css modifications. To control the widgets in the sidebar, go to the Appearance > Widgets and look for the Displayed Everywhere widget area.

Best regards,
Ismael

Hi,

Great! Glad to know that the issue has been resolved. Let us know if you have more questions.

Have a nice day.

Best regards,
Ismael