[Dorothy]

I’m using a Child theme for the Catch-Adaptive-Pro theme and want to change the header in the following ways:

1. Put the logo and site-title on same row
2. Centre the logo and site-tile on full width and on narrow screens have logo above site-title and have both centred
3. I also can’t get the site-title to display at the correct font size, no matter what font-size I set
4. How do I get rid of all the extra padding before and after the site-header to reduce the wasted space?

My site is http://www.bsab.co.uk/Dev2017/

[Dorothy]

I have now noticed that for #3 the site-title is displaying with the a large font on all pages other than the home page.

The other pages show in the size I’d expect (although do intend to reduce the size), as the home page page-title is far too small.

[tikaram]

@dotneil : Go to Appearance => Customize => Additional css and add the following css.

@media screen and (min-width: 768px){
#site-logo {
	width: 25%;
	float: left;
}
#site-header {
	width: 75%;
	float: left;
}
#site-branding {
	padding:0;
}
#masthead {
	padding: 0;
	margin: 0;
}
}

Let me know if you have any further issues.

Regards,
Tikaram

[Dorothy]

Brilliant that worked a treat 🙂

Only issue I’m still having is the Site-Title is still displaying much smaller on the home page than on every other page. Any suggestions on how I fix this?

[tikaram]

@dotneil : The site tile is same on every page including Homepage when I viewed your site from my end. Please try clearing the cache at you end and let me know if the problem still persist.

Regards,
Tikaram

[Dorothy]

Cleared my cache and the Home page is now displaying ok now. Thanks for your help. Its appreciated.

[tikaram]

@dotneil : Glad to know that the issue has been resolved. Let me know if you have any further issues.

Regards,
Tikaram

[Author]

Posts