Logo on top left of page and menu under

Hello,
I would like to have a website first-page header like http://www.ti.com/ .
How can I have my logo top left and a full wide menu under that?
where and what should I change in code?
Thanks,

Hello,

It looks like this issue requires some coding and testing on different screen resolutions, this goes beyond our support policy. It’s considered advanced customization. As an option, you can contact Codeable for this kind of service, or find a reputable freelancer on Upwork. Hope for your understanding.

Kind Regards, Roman.
aThemes Support

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1025px) {
      .header-wrap > .container {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
      }
      .site-header.float-header {
        padding-left: 0;
        padding-right: 0;
      }
      #mainnav {
        float: left;
        margin-top: 20px;
        background-color: #ff0000;
        width: 100%;
      }
      .header-wrap .container > .row {
        display: block !important;
      } 
      #mainnav > div,
      .site-header .col-md-4 {
        width: 970px;
        margin-left: auto;
        margin-right: auto;
        float: none;
      }
      .site-header .col-md-8 {
        width: 100%;
      }
    }

    @media only screen and (min-width: 1200px) {
      #mainnav > div,
      .site-header .col-md-4 {
        width: 1170px;
      } 
    }

Regards,
Kharis

Thanks Kharisblank
For Sharing This.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis