Would like menu to float right and logo to over lap into the menu and slider section

Would like my logo to overlap on top of the menu bar and the slider and then have menu navigation float right, so that my logo does not cover up the links to the other pages.

 

Hello !

Please provide the URL of your website to make me better understand.
And this will help me a lot to provide you correct solution.

Thanks & Regards
Pramod

 

The url is not live right now, but it is www.offensiveweaponslimited.com

 

Here is the logo I want to use in the upper left-hand corner. Instead of "fitting" into the header section, I would like for it to start in the header section and overlap or overlay the menu bar and the slider (see the previously uploaded picture with the red circle in earlier message).

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#logo img {
  position: absolute;
  top: 61px;
  z-index: 1000;
}
.sf-menu {
  float: right;
}

Thanks & Regards
Pramod Patel