[lblumenfeld]

Yes. I also need to know how to make it not show on pages where I want a different heading.

[lblumenfeld]

Also, is there a manual that has instructions and information on the various css elements used? It’s very difficult to design the site when every question and answer round has a 1+ day delay. Thanks.

[Skandha]

@lblumenfeld: Hello there,
I am afraid it is not possible to have the Page Title below the Header Image when the Header Image is enabled. You will need to disable the header image for that.

For instruction please check out our FAQ page here.

Kind Regeards,
Skandha

[lblumenfeld]

I don’t understand your response. That’s what it was doing before I added your css. We need it to look like what the home page does—with the title below the picture. See that page.

Thanks.

[Skandha]

@joemcomber: Hello there,
Please remove the CSS Code that you using in the Additional CSS Code section and try adding the following CSS Code instead.

.custom-header .wrapper::before {
    background-image: unset !important;
}
.custom-header-media img {
    display: block !important;
}
.custom-header-media img {
    position: unset !important;
    width: auto;
}
.custom-header-content {
    padding: 20px 25px !important;
    background-color: #fff;
}
.custom-header-content .entry-title {
    color: #212121;
}
body:not(.home) .header-media .wrapper::after {
    background-color: unset;
}
.custom-header-content .entry-title::after {
    border-bottom: 1px solid;
        border-bottom-color: currentcolor;
    content: '';
    display: block;
    margin: 28px auto 0;
    width: 50px;
    border-color: #c0b283;
}

Let me know if this works out!
Kind Regards,
Skandha

[lblumenfeld]

This does not work. Now the images is once again cut off on the sides when viewed on a iphone.

Our website launch is Tuesday and I’m concerned that we are going to miss the date.

Please post the css that works properly on all browsers and devices. Please test it on the PC and the iPhone to make sure that it works.

Thanks.

[Skandha]

@joemcomber: Hello there,
Please add the following CSS Code and use an image with the width of 1920px and the header image should be displayed well on all browsers.

.custom-header-content {
    max-width: 100%;
}

Let me know if this works out!
Kind Regards,
Skandha

[lblumenfeld]

That had no effect. All header images (both the homepage and other pages) are cut off on the iPhone.

Do you have any templates that are compatible with iPhone (and other devices besides a PC?)

Please respond by 5:00 PM EST. I have a deadline to meet today. Thanks.

[lblumenfeld]

Here is the CSS that you’ve provided currently…

/* Featured Image Titles */
.custom-header .wrapper::before {
background-image: unset !important;
}
.custom-header-media img {
display: block !important;
}
.custom-header-media img {
position: unset !important;
width: auto;
}
.custom-header-content {
padding: 20px 25px !important;
background-color: #fff;
}
.custom-header-content .entry-title {
color: #212121;
}
body:not(.home) .header-media .wrapper::after {
background-color: unset;
}
.custom-header-content .entry-title::after {
border-bottom: 1px solid;
border-bottom-color: currentcolor;
content: ”;
display: block;
margin: 28px auto 0;
width: 50px;
border-color: #c0b283;
}
.custom-header-content {
max-width: 100%;
}

[lblumenfeld]

I can someone please answer this today?

[Skandha]

@lblumenfeld: Hello there,
The image issue seems to be showing up only on iPhones. On android devices the image looks fine. I will look into the issue and get back to as soon as possible.

Kind Regards,
Skandha

[Skandha]

@lblumenfeld: Hello there,
Please change the code width: auto; to width: 100%; in the code above and the image should display full in iphones as well.

Let me know if this works out!
Kind Regards,
Skandha

[Author]

Posts