[Resolved] Down Arrows in Menu are Square after 3.0 Update

[stephen]

Hello,

The black arrows that appear in the top menu have turned to blank squares after updating to 3.0

Icon types are set as SVG in customize options.

Cant see any errors in the dev console.

Thanks

[Leo]

Hi there,

Tough to tell without seeing the site live.

Are you using any caching plugins? If so make sure they are all cleared.

And also make sure to clear any server cache if they are active as well.

[stephen]

Hello Leo,

Apologies, I thought I included the link in the private data section of creating a new thread.

The issue has resolved itself, I guess it was a cache problem.

[Leo]

No problem 🙂

[stephen]

Hello,

This issue is still there, checked again incognito.

There is also an error with the menu, you now need to click on the items instead of hover.

The settings before used to open with hover (on desktop) and open on mobile by clicking on a menu item using this css

.dropdown-click .main-navigation:not(.toggled) ul li:hover>ul, .dropdown-click .main-navigation:not(.toggled) ul li.sfHover>ul {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
visibility: visible;
}

http://bit.ly/2MAUJQc

[David]

Hi there,

that looks to be a caching issue – as on initial load i see the ‘squares’ then they disappear. On reload the squares remain.

If you disable cache plugin and clear any server caches does the problem go away?

[stephen]

Thanks David,

A full cache reset seems to have brought the icons back.

There is still an issue with the menu and needing to click to open on desktop.

Do I need to edit the css I posted above? I want the menu to open on hover on desktop and open by clicking anywhere on mobile / tablet.

Thanks

[Tom]

Try adding this as well:

.dropdown-click .main-navigation ul ul {
    display: block;
}

[stephen]

Hello Tom,

Thanks that fixed the menu clicking issue.

The blank square issue is back. currently speaking with Kinsta support. It appears to show a blank square and arrow on chrome and edge but just an arrow on firefox.

Did anything change for 3.0 update to cause this?

[stephen]

Sorry for the constant bumps, it appears to be fine now after another WP rocket cache refresh and regen css path

[Tom]

Glad it’s all working now 🙂

[Author]

Posts