Help needed with Infinity Child Theme

[Rob Howe]

Hi guys,

I've been working with the Infinity theme for the last few days and I've hit a snag. The header image doesn't run to the top of the page like it does in the demo. The menu bar appears white across the top of the page.

I've tried amending the following code from:

.front-page .white .site-header,
.header-image.front-page .site-header {
background-color: #fff;
border-bottom: 1px solid #eee;
}

to this:

.front-page .white .site-header,
.header-image.front-page .site-header {
background-color: transparent;
border-bottom: 1px solid transparent;
}

but sadly this didn't work. Does any one have any suggestions? I'd be grateful to you if you did.

Best,

Rob

http://beingrobhowe.com/

[Victor Font]

You're looking at the wrong elements. If you use your browser's built-in inspect tool, the bar above the image is not the header. It is the archive description and entry title. This suggests that you may have missed a step in setting up the theme correctly, either in the WordPress reading section or turning off the journal if there is one in the customizer. The archive description does not normally come into focus on a widgetized front page. I suggest you go back to the documentation and retrace your steps.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[pppdog]

You can try..
`/*
.front-page .site-header {
background-color: #f9f2f2;
border-bottom: 1px solid #fefbfb;
}
*/
.front-page .white .site-header, .header-image.front-page .site-header {
background-color: #fff;
border-bottom: 1px solid #eee;
}`
or..

.front-page .white .site-header, .header-image.front-page .site-header {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

??
My site infinity Child Theme too.
https://dv2.pppdog.com/

---

Zeng pppdog

[Author]

Posts