Solved header issue

I need the logo and the 3 badges below it to align on same line. Somewhere there is a return and it drops to the next line. This happen after updating from 3.0.1 to 3.1.3.

 

That did not work. I solved it.

in the code module > settings > advance > css id and class > CSS class : add free-float-left-desktop
This put the 3 badges to the right of the logo.

Now my issue is the menu. The menu was to the right of the badges and I needed it on the next line below it.

To solve this I (See attachment.):

Duplicate the section with the Hide Header & Footer on Visual Builder, logo, code and menu.

remove the menu in the original section.
leaving only Hide Header & Footer on Visual Builder ,logo and code

Now in the copied section
delete the Hide Header & Footer on Visual Builder ,logo and code
only leaving the menu
SEE attachment

In the section with just the menu settings
set padding to 0px top and 0px bottom.

In the menu module settings
set the padding top and bottom to 0px.

Then in theme options:
To get rid of the extra space above the menu.

.dp_regular_menu_1.et_pb_fullwidth_menu {
margin-top: 0px!important;
}

That fixed it.