Docs

[giveitlegs]

(BROKEN) URL:http://gofitfarm3.wpengine.com/boot-camp-nashville-tn/

versus

(WORKING) URL:http://gofitfarm3.wpengine.com/

Hey guys, my header image is not showing up weird. It was working up until 10 minutes ago. The header image custom background is governed by this custom piece of CSS in the global settings (should apply to the entire site):

/*
// Sets image Background for Header.
*/

body.x-navbar-fixed-top-active:not(.home) .x-navbar-wrap {
    height: auto;
}

.x-navbar {
  background: url(http://gofitfarm3.wpengine.com/wp-content/uploads/2016/07/Fit-Farm-Header-Background-Slim-900x375.png) repeat-x center center;
  padding-bottom: 0px;
  border:0;
  background-position: center center;
  background-size: contain;
}

The code was working flawlessly across the entire site up until 10 minutes ago, and then I’m not sure what happened. Now, all pages (except for the HOME page, which is still behaving normally), are jacked up… so to speak.

I did not commit ANY changes to ANY CSS or JS on ANY page or globally. I was simply inside cornerstone adding some content images when I noticed this started happening upon browser refresh. :/ (which kinda scares me a little)

Any chance support can take a look and see why this is suddenly happening? Did it have something to do with the recent theme update? I’m on a child theme,… I thought that doing it this way was meant to protect me against things like this?

Anyway, not blaming anyone/anything yet, just trying to figure out why it is no longer working.

See screenshots below for examples of how all pages used to look versus what they look like now…

Help. :/

[giveitlegs]

Okay, here’s my reply to my own thread… soooo… apparently this custom global CSS code was breaking things…

body.x-navbar-fixed-top-active:not(.home) .x-navbar-wrap {
    height: auto;
}

…which is really weird, since it was something that support here helped me with and gave me, and worked like a charm up until this afternoon. I simply commented this out and BAM. My headers were all working again.

Was this due to a theme update or something?

Anyway, not sure what changed in the basic architecture of the header classes to cause this break to happen, but would be great to know about these things. (of course, leaving some room here for my own erroneous conclusion, as I’m not 100% this was the cause)

[Christopher]

Hi there,

Provided CSS works for all pages except home page and it adjusts navbar height, in your case since you have transparent background image the code doesn’t work properly.

Let us know if you have further questions.

[giveitlegs]

No worries. thnx for prompt response. It’s fixed now…

[Lely]

You’re welcome!

Cheers!

[Author]

Posts