[Chelsea]

Hi,

I have tried all CSS coding options previously given and none are working for me. I added one text box in the widget area (right header) and I haven’t been able to get my custom header image size back or these widgets situated appropriately.

Previously, I had a smaller header image and space for the social icons and search box BESIDE the header image (to the right). I’m not sure how to get this customization back. Also, there was a lot of space around the widgets and header for which I can’t get the right ratio. I can get the padding to 0 above the header image, but not below it. My priority is the header image SIZE but if I could also get help with the padding issue, that would be great.

Site is http://www.riverrockhealth.ca

Thanks!!!

[Sakin]

@Chelsea: You can add the following CSS to remove the padding in the header image.
#hgroup-wrap, #site-logo { padding: 0 }

Once you have the large header image, the social icon, search in Header Right Sidebar will go down. Either you need to disable Header Right Sidebar or do the complete customization to make it above the header image. For this you need to hire customizer to write css code as per responsive design.

[Chelsea]

Hi Sakin,

Thanks for your response!
I prefer the header image with the shorter height and I DID somehow have it configured where I had the header image about that side but not fully to the right (ie. it allowed room for the search button and social icons to go BESIDE the header image). This is what I want to accomplish again, but can’t get to work.

Right now, regardless of the size of the header, it stretches it to the full width again and then all of the icons in the header right sidebar get pushed below the header image and create all that blank space. I don’t want the icons above the header image in that section, just want to get them beside the header image which I’m hoping can be shortened.

I think it’s a header image size issue, but not sure how to get it back to the size I had it that worked.

Is this still something that I’d need a customizer before (because I did manage to do it once before somehow).

Thank you for your help!

[Chelsea]

Alternatively, is there a way to pin these widgets to the background? That way the header would abut the menu directly and the widgets would be visible on every page, but out of the way?

[Sakin]

@Chelsea: For detail customization you can use hire a customizer http://catchthemes.com/hire-customizer/ . I have just make the header in percentage CSS. So, try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

#header-left {
    max-width: 75%;
}
#header-right {
    max-width: 20%;
}

[Chelsea]

Sakin! THANK YOU SOOOO MUCH! This is exactly what I had before. I must have deleted that when I was playing around with text in the custom CSS box.

Thank you Thank you!

After trying MANY different themes, I have finally found something I want to stick with! I love how customizable it is. I will also keep in mind the customization team, as I still have a number of things to have formatted that I just can’t seem to figure out!

Thank you again!

[Author]

Posts