[EricT]

I have Catch Adaptive Pro and I’d like to have the text (identity of the site and slogan) just a bit lower (approx 10 px) on the header image. I tried with importing av new image where the text is already on and disabling the titel and slogan, but then it doesn’t keep responsive in a good way.

How could I do that?

[Sakin]

@EricT: For that, you can simply add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
.site-title { padding-top: 10px; }

[EricT]

Thanks alot Sakin! Is there a way of doing it without changing the size of the header image? When I do this, the image also gets a bigger size…

[Sakin]

@EricT: That image is positioned like that. So, once you add that padding top, make your you reduce the padding-top and padding-bottom. As per our previous css, we added in padding top 10px. So, reduce 5px top and 5px bottom in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

@media screen and (max-width: 990px) {	
	#masthead { padding-top: 94px; padding-bottom: 50px;
}

[EricT]

Thanks Sakin!

[Author]

Posts