Looking strange on mobile phone

Hey gfriend70,

Thank you for the inquiry.

The issue occurs because of this css code.

.inner-container {
    height: 440px!Important;
}

Did you add it somewhere? Please try to remove the modification or add the following css code in the Quick CSS field or in the child theme’s style.css file to override it.

#top #header .inner-container {
    height: 88px!Important;
}

Best regards,
Ismael

Hi,
Thank you for your patience, the reason the menu item “Facilities” shows twice on your mobile menu is due to the setting at Enfold Theme Options ▸ Main Menu ▸ Burger/Mobile Menu ▸ Clone title menu items to submenu

Since you selected to display submenu items on click or on hover, the parent menu item does no longer navigate to the URL it contains, but toggles the visibility of its submenu items. If you want users to be able to open the parent menu URL the theme can create a clone of that item in the submenu

So you can disable this and mobile users won’t be able to go to your “Facilities” page.
Another option would be to use this function to change the first “Facilities” to something else like “Amenities” and the second “Facilities” will still link to the “Facilities” page.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function rename_parent_menu_item_in_mobile_menu() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){ 
    $('.avia_mobile').on('click', '.av-burger-menu-main', function() {
    $('.menu-item-254 .avia-menu-text:first').text(function(index, text) {
        return text.replace('Facilities', 'Amenities');
    });
    });
  }(jQuery));
});
</script>
  <?php
}
add_action('wp_footer', 'rename_parent_menu_item_in_mobile_menu');

Then clear your browser cache and check.

Best regards,
Mike