Thanks Sarah!

So that keeps the “Resources” drop down item from turning white at hover, which is awesome.

But, when you click on “Resources” and go to the resources portfolio page, the main parent nav item “About Us” still turns white and thus disappears, (although it does reappear upon hover).

Any ideas?

Awesome Jordan and thank you, looks and works great!

Hey Jordan,

Sorry for dropping off the face of the earth. Client had us put a hold on everything.

So here’s what my current functions.php looks like, with no effect, still links and everything:
<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file.
* WordPress will use those functions instead of the original functions then.
*/

add_theme_support(‘avia_no_session_support’);

add_action( ‘wp_footer’, ‘enfold_customization_custom_scripts’ );
function enfold_customization_custom_scripts() {
?>
<script type = “text/javascript”>
jQuery(document).ready(function(){
//document.getElementsByClassName(“page-id-734 av-masonry-entry”).removeAttribute(“href”);
});
</script>
<?php
}

If I take out those two backslashes before the custom javascript you supplied, it just messes with the entire site–no video, paralax images vanish. Any ideas?

Hey Rikard,

We’re good to close this out and thank you very much for asking. While there may be a thing or two left to work out for special cases, the short code in this thread should work really well for most folks who need different color nav links for transparent / normal pages!

Thanks again to you and Mike for the help,

MJ

Hey Mike,

Yeah I’m sorry I had to delete all the experimental pages and such from the site–no custom links exist up there any more for you to check out.

Hi Jordan,

First off, any idea why that dissapeared from the Quick CSS section? Never seen that happen before.

Also, any ideas on:

So that kills the links for sure which is awesome, but we also lose the rollover / individual square effect that my boss was really into.

Is there anyway we can have the links gone, but still have that roll over effect? I know he’ll look at it as is now and say we might as well just make a single photo background.

Thanks, I’ll check for that code.

Sure thing Jordan and thanks! All that good stuff is below.

Update for other users,

There’s an option to “optimize” the Typkekit embed code.

Just go to Kit Settings and check the “optimize performance” box. I hesitate to say so because I thought I’d already sorted the problem out, but after a 5 minute propagation period it seems to be working very well!

b3plus, thank you very much, I’ll give that a shot! And yeah, that would be great if Enfold made that a little bit easier or got a designer to pick out a more robust set of native fonts so you can get a close-enough match for a lot of choices.

Ismael, that is great for the future. I’ve struggled in the past to get Enfold site to score well on Google Page Speed. Much appreciated. Unfortunately all that stuff is above and beyond the amount of time I can put into this particular site. On top of that, we’re using Pantheon, which is great, but as I’ve found does introduce some performance variables with Enfold that we’re encountering as we go (for example, the icon loader does not work with Pantheon), so it’s possible that after all that, it could just be a Pantheon thing.

Thanks all!

Hey Mike,

Thank you for your patience as well,

That solved our problem, but for anyone checking around threads for a similar solution, just a heads up that the fix does not work with Custom Link items for some reason.

I had a couple up that I was just messing with that I did not intend to keep, so I just got rid of them and the last piece of code did the trick. Not sure how you’d modify it to include custom links as well.

Thanks!

Hey Mike, that didn’t fix the total problem, the nav item still turns whit when hovered over and dissapears over the white background.

Any way I could get some help on this? This is a weeks running problem.

Here’s all the short code currently in use on the site. Check out the private link and mouse over any non-active menu item, you’ll see what I mean.

Thanks

——————

.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a, { color: #666666;}

.header_color .main_menu ul:first-child > li.current_page_item > a { color: #666666;}

.helvetica-websave {
font-family: Ingra, “HelveticaNeue”, “Helvetica Neue”, Arial, Verdana, sans-serif !important;
}

.sort_by_cat a.active_sort span {
background: transparent;
color: #f36e21;
font-size: 16px;
}

h1, h2, h3, h4, h5, body{
font-family: Ingra !important;
}

.avia-menu-text {
font-family: Ingra !important;
}

h1, h2, h3 {
text-transform: none !important;
}

.header-scrolled .av-main-nav > li.current-menu-item a > .avia-menu-text {
color: #666666 !important;
}

.header-scrolled .av-main-nav > li:hover a > .avia-menu-text {
color: #666666 !important;
}
a.aviablank.avia-testimonial-link {
color: #666666 !important;
}

.main_menu ul:first-child > li > a { font-size: 16px; }

Thanks Mike,

One step close-r-we have #666666 in the sticky menu, but not when it’s full size at page top.

Hi Yigit,

Unfortunately that’s not fixing the issue. It’s not the transparent menu color that’s the issue, it’s the text color. (But I did give it another shot via transparency options and General styling header font color settings–no luck.)

On the homepage (see below), we have the glassy transparent header just right–white font for menu items, white font for acitve links. (we would like to be able to have a different color bar under the link if possible, right now I can’t change it from #666666 otherwise I’ll overwrite other font color settings, but this isn’t critical).

But when we go to an interior page (see below), we have the menu color they way we want it (white) and the menu items the way we want it (#666666) but the active links turn white–causing the text to dissapear.

Put it another way, what’s the quick CSS for separate header styling on the homepage with a fullscreen video and transparent glassy header vs interior pages without a fullscreen video and normal header?

Thanks, sorry if I’m being confusing!

Sure Rikard and thanks,

Please check the private link below. Mind you, the padding looks fine right now because I cropped all the logos to have zero padding of their own, I’d just like to be able to make it whatever need be in the future.

Thanks Basilis,

This is likely my 10th site developed with Enfold and I had never used that function before, just checked it out in the demo and that will do nicely.

Much appreciated!