Hi,

Thank you for the inquiry.

@sophiasbiti: It’s possible that the site or your browser is still delivering the cached version of the stylesheets and scripts, which caused the layout issues. Did you try to toggle or temporarily disable the Enfold > Performance > File Compression settings after updating the theme?

@Keasyconciergerie: You have to set the front and blog page in the Enfold > Theme Options panel, and reset the options in the Settings > Reading panel to default.

Best regards,
Ismael

Hey NanoMoller,

Thank you for the inquiry.

Did you install a template builder plugins? Looks like the default header is being replaced with a different header called “pagelayer-header”. Please try to deactivate the plugins temporarily and check if the default header displays.

Best regards,
Ismael

Hey frb1,

Thank you for the inquiry.

The site is on maintenance mode and is not accessible. Please provide the login details in the private field. Could you also provide screenshots of the changes that you’d like to implement?

Best regards,
Ismael

Hey frb1,

Thank you for the inquiry.

The site is in maintenance mode, so we were not able to check it. Please provide the login details in the private field. There is no option for this out of the box, but the theme should automatically adjust the layout of the table element on mobile view. Would you mind providing a screenshot of the issue?

Best regards,
Ismael

Hey Highlander-2013,

Thank you for the inquiry.

You can find more styling options by editing one of the slides, go to the Styling tab, and you should find more settings in the Colors and Font Sizes toggle. If you want to add your own css modifications, please use the Enfold > General Styling > Quick CSS field.

Best regards,
Ismael

Hi,

Thank you for the update.

There is no option for this by default but you can add the following css code to apply a minimum height to the sliders.

.avia-content-slider-element-container.av-lr0sh4rf-253b4eed3b657e2271d5ec08f704cca5 .slide-entry {
    min-height: 230px;
}

Best regards,
Ismael

Hi,

Did you hide the field labels? If you want to change the color of the placeholder, you can add this css code.

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: blue !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: blue;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: blue;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: blue;
}

Best regards,
Ismael

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