Customise Masthead

@cgsmith1: Sorry I don’t get it what you are trying to do it. You already had ID masthead in your header above menu. Which is responsive.

The way you have added logo in your header is not the best way. Here is the step to add in full width logo.
1. First your logo image should be 1200px width for full width. Your image is just 1100px.
2. Then go to “Appearance => Customize => Site Title & Tagline” and click on “Change image and upload your logo image. Then uncheck the option “Check to disable logo” and “Display Header Text”
3. Then add the following css in “Appearance => Theme Options => Custom CSS” box or in your child theme style.css

/* To Remove padding spaces */
#masthead, 
#masthead .wrapper, 
#site-branding  {
    padding: 0;
}
/* To hide header right section */
.sidebar-header-right {
    display: none;
    float: right;
}

@bjbarker: You can add the following css in “Appearance => Customize => Additional CSS” box:

#site-logo { padding-bottom: 10px; }

Just one more quick thing Sakin, if you don’t mind…
How to put content in the masthead to the right of the logo as is here

http://www.billyhayesdental.com

I have no intention of coming on here with every little hic-cup.
This query will suffice.
Many thanks again.

Brian.

p.s. I’m using the pro version Catch Adaptive.

Ok. Thank You.