Logo container

Hey nebuddlho,

Thank you for the inquiry.

You can add this css code to adjust the margins on both sides of the header container.

@media only screen and (min-width: 990px) {
  /* Add your Desktop Styles here */
  #header_main.container_wrap_logo .av-logo-container {
    margin: 0 50px;
  }

  #header_main.container_wrap_logo #custom_html-4 {
    margin-right: 50px;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

We may need to create a new container inside the header and place the logo and widgets inside. Please add this code to the functions.php file:

function ava_custom_script_header_container()
{
    ?>
    <script>
        (function ($)
        {
            function g()
            {
                var newContainer = $('<div>', { class: 'container' });
                $('#header_main').children('.widget, .av-logo-container, .cart_dropdown').appendTo(newContainer);
                $('#header_main').append(newContainer);
            }

            $(document).ready(function ()
            {
                g();
            });
        })(jQuery);
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_script_header_container');

Then include this css code to adjust the maximum width of the new container:

#header_main > .container {
    max-width: 1360px;
}

Best regards,
Ismael

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