Docs

[2342J]

This just manifested seemingly out of nowhere. The inactive breadcrumbs are no longer visible. Also, there is a gray bar under the menu that doesn’t belong.

I am using UberMenu, but when disabled it had no effect on this issue.

Site is at elevatedguiding.com

[2342J]

Here is a screen shot

[2342J]

You can also see the odd background color if you look at the About page. But if you scroll down and scroll back up it disappears.

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[2342J]

This reply has been marked as private.

[Lely]

Hi Landon,

I got this error when I tried to logged in:
ACCOUNT PENDING: Your account is currently not active. An administrator needs to activate your account before you can login.

This issue is because your Navbar Links on the Customizer is set to white. Breadcrumbs font color is the same with your navbar links. To set different font color for breadcrumbs link, please add the following CSS on Appearance > Customize > Custom> Edit Global CSS:

.x-breadcrumb-wrap a, .x-breadcrumbs .delimiter {
    color: #bababa; /*Change to your preferred color*/
}

The gray line is a border. Add this CSS too to remove it:

.x-navbar {
    border-bottom: none;
}

On About page, I am not sure which background color you’re referring to. Would you mind giving us screenshot?

Hope this helps.

[2342J]

1) Breadcrumbs: Great, first issue is resolved. I didn’t need to get rid of any grey line, however, so I’m not sure what that css refers to — I plugged it in out of curiosity but didn’t see a difference. Let’s call it resolved.

2) Gray bar: The gray box below the menu is on the about and contact pages (for example). It’s in the screen shot I already gave you in the OP. On the left, it is white over the container where the breadcrumbs are — it seems this container doesn’t extend past the menu. On the right it is light gray below the menu. It’s only in Firefox however. Safari and Chrome do not manifest this problem.

3) Also, on the homepage I have set the container with a -100px top margin — by doing so it puts the image behind the header when the page loads. However, in Firefox (again), when the page loads it is advanced down — leaving an empty white space below the menu. Notice that the white space is not the height of -100px margin, it’s the same height as the container with the breadcrumbs. After scrolling it locks it to the intended margin. Any ideas?

Thanks for the stellar support!

[2342J]

This reply has been marked as private.

[2342J]

This reply has been marked as private.

[2342J]

Hi Thai,
I was able to see that the gray bar is tied to the background color of the site. Instead of dealing with altering the theme I just opted to make it pure white. For my use I don’t need those elements to be automatically colored differently from the page body.

Let’s call this ticket closed and I’ll move on to the search ticket.

Thanks,
Landon

[Lely]

Hi Landon,

1.) Glad this is now sorted out.

2.) Thank you for the clarification. Please add this CSS too:

.x-breadcrumb-wrap {
    width: 100%;
}

3.) Please check this:http://stackoverflow.com/questions/21471531/issue-with-negative-margin-value-for-firefox
Use this CSS instead:
position: relative; top: -100px;

Hope this helps.

[2342J]

2) To clarify, am I adding all of these code snippets, or just one at a time?

[2342J]

3) I tried that. I added the class home-page-landon to the section on cornerstone.

then I applied this code to the customizer:

.home-page-landon {
position: relative;
top: -100px;
}

And no effect. It does not recognize the new class. Am I overlooking something?

[Jade]

Hi there,

Please update this code:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 55px;
}

to

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 80px;
}

then add these CSS:

p:empty {
    display: none;
}

.home .x-main.full {
    margin-top: -2px
}

That should eliminated the white space before the slider.

[2342J]

You know what? I had an open bracket in a different part of the CSS, that’s why my new class was not showing up. Closed the bracket and it works.

Resolved. Thank you.

[Author]

Posts