[fregia]

Well I managed to get the first issue solved but sure would love for someone to help me with this one. The image has a height of 250px but when responsive is stays at 250 causing the blank space.

[fregia]

Victor, thanks for taking the time to respond! That did center the text but I needed the entire header to be centered on the page. Found that this was the only thing that made it do what I wanted!

margin-left:auto;
margin-right:auto;
left: 0;
right:0;

[fregia]

Awesome Christoph.....I missed that one (embarrassed)! Thanks so much!

[fregia]

Thanks, I am hoping it will accomplish what I am trying to do!

[fregia]

Thanks!

[fregia]

I am still unable to get the right css to make it work....

[fregia]

You guys are awesome!!!

[fregia]

Thank you guys for helping....I really really appreciate your input!!!!!

Unfortunately it did not work until I added !important after contain.

.header-image .site-title > a {
background-size: contain !important;
width: 100%!important;
}

That achieved the responsiveness that I was desperately needing but now there is a large space under the image. Can I get rid of that?

[fregia]

I am really at a loss here......support said:
Please be aware that when you change the custom header image size, you then need to adjust the theme's CSS to ensure the new image size is responsive. It looks like you need to add CSS to the media queries in your stylesheet to make the custom header image responsive on smaller screen sizes.

Not sure where to even begin......can anyone please advise. Novice here!

[fregia]

I looked at my style sheet and it is not there....very strange!

[fregia]

I did it through the customizer...

[fregia]

William.....you are wonderful!!!! That did the trick! Thanks so much for taking the time to look and answer me!

[fregia]

Well I was able to figure it out! I change the css to the following and now it works!!!!

.site-tagline-left {
float: left;
width: 85%;
}

.site-tagline-right {
float: right;
text-align: right;
width: 15%;
}

[fregia]

Well a bit of clarification......the tag line is responsive but the site description is not. I have the width of the site description set at 900px so that it will span bottom of page. Not sure how to do the css to make it responsive.

[fregia]

@carasmo thanks so very much!

[fregia]

Thanks for catching that! Unfortunately I have no idea where to start in configuring the media Queries for the responsive part and what is there is what came with the child theme.

If you could point me in the correct direction I would appreciate it very much.

[fregia]

Brad, thanks for the response.

Ok....but that does not solve the issue of the slider being up into the header. As you can see by the image above highlighted in orange firebug is showing the slider up to the top of the browser. If I adjust the margin to lower it, the bottom of the slider disappears.

I really appreciate you trying to help!

[fregia]

Here is an image with what firebug is showing as the slider container, it is highlighted in the light orange

[fregia]

Well I think I have decided to go with the soliloquy slider on all pages. I will leave that up to the client.

I have the slider in the correct position and I thought I had the container correct but it appears the part of the container is up into and behind the header......kinda confusing. When you try the responsive mode it totally disappears. So it has to have something to do with the positioning of it. I have tried different top margins but still cannot figure it out. Not sure where to go from here with the slider. I thought I had it figured out when I purchased the upgrade on it.

I will have to try to contact author of slider.....

[fregia]

Brad,

Awesome....you got me pointed in the right direction and I got it figured out!

Thanks!

[Author]

Posts