[pjbovee]

Hi,

I like the size of my header image when the “header text” is enabled, but I don’t want the header text enabled. When I disable, the header image gets cropped and some of the image I designed gets cut off.

How can I increase the size of the header image with the header text still being disabled? It doesn’t necessarily need to be the exact size it is when the header text is enabled, just a little taller than it is without.

A secondary question — is it possible to change the location of the Social links?

I’m using the Catch Adaptive free theme.

Thanks!
PJ

[Sakin]

@pjbovee:
1. For detail support, please post in your site URL so that I can check in and send you custom css. For now, you can try adding the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box. In the following css, you can increase or decrease padding as per your need.

@media screen and (min-width: 991px) {	
    #masthead { padding: 200px 0; }
}

2. Yes, you can add social icon to your widget area from “Appearance => Widgets” and the drag and drop “CT: Social Icons” widget to your sidebar.

[pjbovee]

Thanks so much for your help already. Here is the site (still under construction):

http://www.pjbovee.com

[pjbovee]

And that worked perfectly! Let me know if you think there’s a better way to do this on my particular site, but I think it’s going to be fine now.

Thank you again!
PJ

[pjbovee]

So sorry, I keep writing back before I try everything and now I’ve sent several messages.

I have the social widget working, but the icons are still showing up in the header. Ideally, I’d like these in the header, but not covering up my image/logo. I realize that may be tough to keep standard across different devices, so — if it’s not possible — I’d like to use the widget but not have them show up in the header.

Thank you.

[Sakin]

@pjbovee: If you don’t want that social icon in header, then you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box to hide it.
.sidebar-header { display: none; }

For that header image, either you need to add padding like the one I gave you earlier or just add in the minimum height like below:

@media screen and (min-width: 991px) {	
    #masthead { min-height: 350px; }
}

Note: Only in pro version there is option to manage Header Sidebar.

[Author]

Posts