Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

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

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

Hi,
When I check it looks centered, perhaps try adjusting the numbers in the css above so the items are not so crowded, or move the logo with this css:

#content2 .logo {
	top: 100px;
}

use either positive or negative numbers. Unfortunately now that the items are being moved around there is not a way to make them keep the same px distance between all, so try to adjust these numbers until you like what you see.

Best regards,
Mike

Hey schweg33,

Thank you for the inquiry.

You can add this css code to display the search text beside the icon on mobile view:

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

  /* Add your Mobile Styles here */
  #top .avia_hidden_link_text {
    display: inline;
    margin-left: 5px;
  }
}

Best regards,
Ismael

Hey Leeonella,

Thank you for the inquiry.

We may need to inspect the site in order to properly check the issue. Please provide the login details in the private field. In the meantime, you can try this script in the functions.php file:

// script to scroll to the active tab section
function ava_custom_script_tab_section_scroll() {
    ?>
    <script type="text/javascript">
    (function($) {
        function avTriggerScrollToTab(selector, event) {
            $(selector).on(event, function() {
                var isLoadEvent = event === 'load';
                var locationHash = isLoadEvent ? window.location.hash : $(this).attr('href');
                var hash = isLoadEvent ? locationHash : locationHash.substring(locationHash.indexOf('#'));
                var tab = $('.av-section-tab-title[href="' + hash + '"]');
                var parentContainer = tab.closest('.av-tab-section-outer-container');
                
                if (tab.length && parentContainer.length) {
                    var position = parentContainer.offset().top;
                    tab.trigger('click');

                    if (hash) {
                        setTimeout(function() {
                            $('html, body').animate({ scrollTop: position - 100 }, 500);
                        }, 300);
                    }
                }
            });
        }

        $(document).ready(function() {
            var tabs = $('.av-tab-section-container');
            if (tabs.length === 0) return;

            avTriggerScrollToTab('.menu-item a', 'click');
            avTriggerScrollToTab(window, 'load');
        });
    })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_tab_section_scroll', 9999);

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

Hi,
When I check your site at 1536 x 864, that you wrote was your screen size, but I don’t see the menu over the logo:

To switch the two icons try this css

.av-burger-menu-main.menu-item-avia-special {
	  top: -120px;
}
#menu-item-search {
	top: 100px;
}

You can also adjust the values and perhaps keep the icons away from the logo

Best regards,
Mike

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

Hi,

Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that you found the cause of the problem. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

You are welcome. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey laptophobo,

Thank you for the inquiry.

Have you tried using the Image element’s Custom Field Image option? You can use the {wp_custom_field:_thumbnail_id} placeholder to automatically fetch the ID of the featured image. Please check the link below:

// https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/

Best regards,
Ismael

Hi,

You had incomplete CSS in Quick CSS:

#top.abadi b, #top.abadi strong {
  font-weight: 400;

I fixed that for you, please review your site.

Best regards,
Rikard