Updating pro is crashing navmenu

Support
#1

updating pro is crashing my nav menu.

before the update:

after the update:

why is this happening?

site: https://tinyurl.com/y2magjft

#2

Hi @armintz,

Thanks for reaching out.

Since it’s created in header builder, could you try re-saving your header in the builder after the update? It could be due to transient. You can also manually clear it in Admin > Pro > Settings > System > Clear Style Cache.

Once this is done, please test it again. I don’t see any other cache but if there is any then please clear them after the update.

Else, please provide your admin login credentials in the secure note for direct testing.

Thanks!

#3

Clearing cache from settings didn’t work, but resaving the header did.

I also noticed my footer icons are now solid colors without the actual icons in the middle - why is this happening?

#4

Hi @armintz,

The icons are working but transparent and it’s due to this custom CSS, please remove it.

.x-colophon.bottom, .x-colophon.bottom a, .x-colophon.bottom .x-social-global a {
    color: transparent;
}

Thanks!

#5

Thanks, but when I remove even all of the custom css that I have under theme options, the icons are still not there.

#6

Hi @armintz,

You don’t have to remove all of them, just removing that CSS alone should be enough. Though, it might not be added to Theme Options > CSS, it could be on different location. Would you mind providing your admin login credentials in the secure note?

Thanks!

#7

Here you go, thanks.

#8

Hi @armintz,

I’m sorry, I was not able to find it. This could be a cache. Do your hosting have internal caching feature? Would you mind requesting to clear it?

The immediate solution, for now, is to add this to your Theme Options > CSS

.x-colophon.bottom .x-social-global a {
	color: #fff;
}

Thanks,

#9

adding this did the trick, thanks. i also noticed the link in my footer (which usually appears right after the zip code) seems to be gone… well, if you hover over the area, it’s there, but it’s invisible for some reason. any idea why this is happening? it was working properly prior to the update. thanks.

#10

Hi @armintz,

Please change that CSS to this

.x-colophon.bottom, .x-colophon.bottom a, .x-colophon.bottom .x-social-global a {
    color: #fff;
}

Hope this helps.

#11

Okay, so I see the same css controls the links. The problem with that is the link doesn’t work well in white:

#12

Hi @armintz,

In that case, you can separate the CSS in two and have a different color for each.

.x-colophon.bottom .x-social-global a {
    color: #fff;
}
.x-colophon.bottom, .x-colophon.bottom a {
    color: #000;
}

Thanks!

#13

I’ve tried this but the issue is still the same.

#14

Hi @armintz,

The content is broken,

<span style="color: #535353">P.O. Box 9773 | Washington, DC 20016 |</span> <a class="gray-black-link" title="info@cok.net" href="mailto:info@cok.net"><div style="height:15px;"> </div>
<a href="http://cok.net"><img class="aligncenter size-full wp-image-2227" src="https://tryveg.com/wp-content/uploads/2017/10/cok-footer-logo2.png" alt="" width="146" height="35" /></a>
<div style="height:250px;"> </div>

There is an extra <a>, it should be like this

<span style="color: #535353">P.O. Box 9773 | Washington, DC 20016 |</span> <a class="gray-black-link" title="info@cok.net" href="mailto:info@cok.net">info@cok.net<div style="height:15px;"> </div>
<img class="aligncenter size-full wp-image-2227" src="https://tryveg.com/wp-content/uploads/2017/10/cok-footer-logo2.png" alt="" width="146" height="35" /></a>
<div style="height:250px;"> </div>

And as you noticed, there is no info@cok.net from your content, it’s simply broken that href became text. So I went ahead and corrected them.

Thanks!

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.