Hi,

Thank you for the screenshot.

To align the flags, please add this css code:

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .menu-item-wpml-ls-58-en a, .responsive #top #wrap_all .menu-item-wpml-ls-58-da a {
    padding: 0 !important;
  }

  #top #wrap_all #header #av-burger-menu-ul li.menu-item-wpml-ls-58-en, #top #wrap_all #header #av-burger-menu-ul li.menu-item-wpml-ls-58-da {
    width: 100px;
    display: flex;
    flex-direction: row;
    left: 50px;
    position: relative;
    top: 30px;
  }

  .responsive #top #wrap_all .menu-item-wpml-ls-58-en .sub-menu, .responsive #top #wrap_all .menu-item-wpml-ls-58-da .sub-menu{
    margin-left: 10px;
    margin-top: 2px;
  }
}

Best regards,
Ismael

Hey dinoman17,

Thank you for the inquiry.

Have you tried editing the Misc > Widget element in the Advanced Styling panel? You can also try adjusting the Widget Title and Widget Links. Let us know if this works for you.

Best regards,
Ismael

Hi,

Thank you for the info.

The custom font was not selected as the heading and body font in Enfold > General Styling > Fonts tag. We re-selected it as the default font. Please make sure to purge the cache before checking.

Best regards,
Ismael

Hi,

Thank you for the update.

We may need to access the site to further investigate the issue. Please provide the login details in the private field. Did you modify any template files in the child theme?

Best regards,
Ismael

Hi,

Have you tried reselecting the font? We may need to access the site to properly check the issue. Please provide the login details in the private field.

Best regards,
Ismael

Hi,

Thank you for the update.

We are unable to reproduce the issue on our end using PHP 8.0, so we are not yet sure what is causing it. Have you tried disabling all modifications in the functions.php file and temporarily deactivating all plugins?

Best regards,
Ismael

Hey Sigmund,

Thank you for the inquiry.

We replaced the value of the data-av_icon attribute with the new twitter icon. Please try this code:

<ul class="noLightbox social_bookmarks icon_count_3">
 	<li class="social_bookmarks_x av-social-link-x social_icon_1"><a title="X" href="https://twitter.com/destinatbrand" target="_blank" rel="noopener" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">X</span></a></li>
 	<li class="social_bookmarks_linkedin av-social-link-linkedin social_icon_2"><a title="LinkedIn" href="https://www.linkedin.com/company/destination-brand-by-inspektour/" target="_blank" rel="noopener" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">LinkedIn</span></a></li>
 	<li class="social_bookmarks_xing av-social-link-xing social_icon_3"><a title="XING" href="https://www.xing.com/pages/inspektourgmbh-tourismus-undregionalentwicklung" target="_blank" rel="noopener" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">xing</span></a></li>
</ul>

Best regards,
Ismael

Hi,

We may need to inspect the site to better understand the issue. Please provide the login details in the private field and, if possible, post a screenshot.

Best regards,
Ismael

Hey Ryan,

Thank you for the inquiry.

Did you modify the header.php or footer.php in the child theme? Please make sure that these template files are updated with the latest version. To temporarily hide the error, try to set the WP_DEBUG_DISPLAY constant to false.

// https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/#wp_debug_display

Best regards,
Ismael

Hey laptophobo,

Thank you for the inquiry.

We’ve found a script error that might be related to the issue. What happens when you remove this script?

<script>
    (function($) {
        var int = '';
        function a() {
            var isMobile = $('.av-burger-menu-main').css('display')
              , htmlString = $('#header_main .social_bookmarks').find('li a')
              , mobileMenu = $('.av-burger-overlay')
              , socialString = [];

            if (isMobile == 'none')
                return;
            if ($('.burger-social').length)
                clearInterval(int);

            htmlString.each(function() {
                var socialClass = $(this).parent('li').attr('class')
                  , socialItems = $(this).wrap('<li class="' + socialClass + ' av-active-burger-items burger-social"></div>').parent().unwrap();
                socialString.push(socialItems);
            });

            $(socialString).each(function() {
                $(this).appendTo('#av-burger-menu-ul');
            });
        }

        $('#header').on('mousedown', '.av-main-nav-wrap', function() {
            int = setInterval(function() {
                a();
            }, 500);
        });

    }
    )(jQuery);
</script>

Best regards,
Ismael

Hey bemodesign,

Thank you for the inquiry.

Unfortunately, there is no option for this. You will have to select the link for each Image element manually.

Best regards,
Ismael

Hi,

Thank you for the update.

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache. Let us know the result.

Best regards,
Ismael

Hey Munford,

Thank you for the inquiry.

The social icons and language switchers are intentionally hidden on mobile view due to the lack of space in the header. If you want to display them again, you can try this css code:

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

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

  #top .av-burger-menu-main.menu-item-avia-special {
    left: auto;
  }
}

Best regards,
Ismael

Hi,

How can I change the music icon to a clipboard one or any other?

You can create a button with your preferred icon, then copy the value of the data-av_icon attribute. It may appear as a tilted rectangle, but it actually contains the character code for the icon.

<span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>

Best regards,
Ismael

Hi,

Thank you for the update.

We are unable to reproduce the issue on our end. The inline styles remain the same when we edit the Text Block or update the page. Please check the screenshot in the private field. It’s possible that a plugin is causing the issue on your end. Have you tried using a Code Block element instead?

Instead of using inline styles, you can add custom class names to the html and adjust the styles for these elements in the Enfold > General Styling > Quick CSS field.

Best regards,
Ismael