[cgsmith1]

Hi
I would like to customise the masthead so it looks like dnaclient.co.uk/SEM . The problem with this is that I used an image which has a fixed width and hence isn’t responsive. How do I create this appearance and yet retain the responsive functionality?
Help appreciated. Greg

[Sakin]

@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]

Hi Sakin,
I spent 2 days trying to do the above until I decided to google and found this….
Great stuff.
However, I am still trying to get rid of the space between the logo and the bottom of the masthead.
I have changed the padding to 10px 0 0 0.
I would really like to be able to style this element to my liking.

http://cs001.co/classicsites.co/

Regards,
Brian Barker.
Dublin. Ireland.

[Sakin]

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

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

[bjbarker]

Terrific, many thanks.

[bjbarker]

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.

[Sakin]

@bjbarker: Catch Adaptive Pro theme doesn’t support header right sidebar. So, please choose theme like Catch Responsive Pro, Decree Pro, Clean Journal Pro which has header right sidebar.

[bjbarker]

Ok. Thank You.

[Tendelt5]

I am also glad to get the solution here. Thank you guys.

[Author]

Posts