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

Home Forums Support Down Arrows in Menu are Square after 3.0 Update

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1475497
    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

    #1475512
    Leo
    Staff
    Customer Support

    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.

    #1475514
    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.

    #1475559
    Leo
    Staff
    Customer Support
    #1476447
    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

    #1476743
    David
    Staff
    Customer Support

    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?

    #1477560
    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

    #1477581
    Tom
    Lead Developer
    Lead Developer

    Try adding this as well:

    .dropdown-click .main-navigation ul ul {
        display: block;
    }
    #1477600
    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?

    #1477610
    stephen

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

    #1477630
    Tom
    Lead Developer
    Lead Developer

    Glad it’s all working now πŸ™‚

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.