Hi,

Yes, unfortunately, the Content AI option is not compatible with the builder as mentioned earlier. One workaround is to create a dummy page, switch to the Classic Editor, use the Content AI to generate content based on a focus keyword, then copy the result to the page using the Advance Layout Builder. This is a little cumbersome but it should work just fine.

// https://rankmath.com/kb/how-to-use-content-ai/#write-with-content-ai

Best regards,
Ismael

Hi,

Thank you for the explanation.

We may need to access the site in order to properly check the issue. Please provide the site URL and login credentials in the private field. In the meantime, please try to upgrade the theme to version 5.6.10, then temporarily disable the Enfold > Performance > File Compression settings.

Best regards,
Ismael

Hi,

Thank you for the update.

You should not copy the entire functions.php file from the parent theme. Only copy the script that @Guenni007 provided above. Please try again, and make sure that you copy the code directly from this forum. Also, make sure that at the start of the functions.php file, you have this opening tag:

<?php

The complete functions.php file would be:

<?php

function ava_custom_script_mod_social(){
?>
<script>
(function($){
  $('#header').one('click', '.av-main-nav-wrap', function() {
      var isMobile  = $('.av-burger-menu-main').css('display'),
      isHeading = "Social Bookmarks",
      social    = $('#header_main .social_bookmarks').clone(true).addClass('sub-menu'),
      mobileMenu  = $('.av-burger-overlay');
      
      mobileMenu.find('#av-burger-menu-ul').append('<li class="only-burger menu-item-social av-active-burger-items"><a itemprop="url" alt="Social Bookmarks" style="" href="#"><span class="avia-bullet"></span><span class="avia-menu-text">'+isHeading+'</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>');
    
      if( social.length ){
        mobileMenu.find('.only-burger.menu-item-social').append(social);
      }
    });
        
    var htmlString   = $('#socket .social_bookmarks').clone().find('li a'),
    socialString = [];

    htmlString.each(function() {
      var socialClass = $(this).parent('li').attr('class'),
      socialItems = $(this).wrap('<li class="'+ socialClass + ' menu-item menu-item-avia-special menu-social"></li>').parent().unwrap();
      socialString.push(socialItems);
    });
    var socials = socialString.reverse();

    $(socials).each(function() {
      $(this).appendTo('#avia-menu');
    });

    $('#avia-menu .menu-social').css('float', 'right'); 
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'ava_custom_script_mod_social');

Best regards,
Ismael

Hey dondela,

Thank you for the inquiry.

It’s possible but it might leave huge gaps or spaces around the gallery items. You can try this css code to adjust the width of the 6th and 7th items in the gallery.

#top #wrap_all .avia-gallery .avia-gallery-thumb a:nth-child(6) {
    width: 30%;
}

#top #wrap_all .avia-gallery .avia-gallery-thumb a:nth-child(7) {
    width: 50%;
}

Have you tried using the Masonry Gallery element instead?

Best regards,
Ismael

Hey jun san,

Thank you for the inquiry.

You can add this css code to adjust the position and styles of the submenu.

#top .av-main-nav ul ul {
    left: 207px;
    top: 0px;
    margin: 0;
    border-top-style: solid;
    border-top-width: 1px;
    padding-top: 0px;
}

Best regards,
Ismael

Hey villasanarenteriasimon,

Thank you for the inquiry.

We can still change the preview background on our installation. Have you tried disabling the plugin temporarily? Please provide the login details in the private field so that we can check the builder.

Best regards,
Ismael

Hey mulder4301,

Thank you for the inquiry.

Ich habe im Quellcode ausgelesen dass die ID und NAME dieses Feldes avia_1_1 ist. Kann ich damit was anfangen?

Yes, you can use the ID or classname to adjust the style of specific fields in the contact form element. To adjust the style of the first field for example, you can use this css code.

#top form fieldset #element_avia_1_1 input {
    background-color: #cc1818;
    color: #ffffff;
}

Best regards,
Ismael

Hi,

You’re welcome! Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hey!

Thank you for the info.

When it comes to editors, Enfold and Rank Math, the only possible conflict we can think of will be related to the Content Analysis where Rank Math may not be able to read the content.

As we have said earlier, the theme’s Advance Layout Builder is compatible with the plugin’s content analysis, so the plugin should be able to read or detect elements added the builder. If you define a Rankmath focus keyword in a page or post, and added that keyword in a Special Heading or Text Block element, the analysis will be able to detect it and update the analysis accordingly. You can test it out.

Regards,
Ismael

Hi,

Thank you for the inquiry.

The css rule for the phone number should have the selector “phone-info” and “social_bookmarks” for the social icons. To hide the duplicate social icons in the main header container, please edit the last css code that we provided above and replace it with the following.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header_meta .social_bookmarks {
    display: block;
  }
}

Best regards,
Ismael

Hi,

The latest code should be placed inside the css media query. Please remove all css code related to this thread, then replace it with the following code.

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

  #header_meta .container {
    display: flex;
    justify-content: flex-start;
  }

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header .social_bookmarks,
  .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
    text-align: left;
    width: auto;
  }

  .responsive #header .sub_menu,
  .responsive #header_meta .sub_menu>ul {
    float: none;
    width: auto;
    text-align: center;
    margin: 0 auto;
    position: static;
    margin: 0;
  }

  .responsive #top #wrap_all #header_main .social_bookmarks {
    display: none;
  }
}

This should remove the duplicate social bookmarks container and position the icons beside the language flags in the far-left corner of the header meta container.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

But problem 2 with the wide spacing still exists: Could you still help me with this?

We are not sure where the space is coming from, but you can decrease it by adding this css code.

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

  /* Add your Mobile Styles here */
  #gutschein {
    margin-bottom: -100px;
  }
}

Best regards,
Ismael

Hi,

Desired situation: When no categories are selected the masonry element has 0 results. When a new post is added in a new category, it shows 1 post.

That is not possible, unfortunately. You either have to select a category or select none at all to display all posts from all categories. The filter avf_masonry_query_no_entries_fallback when set to false will prevent fallback posts from displaying when there are no items in the selected category.

Best regards,
Ismael

Hi,

Thank you for the update.

Could you provide links to the demo pages you’d like to copy? We should be able to provide you with the builder shortcodes, which can be manually applied to your pages. You have to set the builder to debug mode first.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Best regards,
Ismael

Hey gatehealing,

Thank you for the inquiry.

Have you tried creating a Custom Element Template for this instead of adding another element? Please check the link below for more info. In the upcoming version of the theme, there will also be Custom Layout and Dynamic Content features, which can be used to create custom layouts and content pulled directly from the database or custom fields.

// https://kriesi.at/documentation/enfold/custom-element-templates/

Best regards,
Ismael