Drop-down icons on mobile menu, a non-filled square symbol

  • Hi,

    I noticed that in the latest version the icons in a mobile menu which indicate that there are sub-menu items are no longer correctly displayed. This is even the case in the so-called demo library of Sinatra.

    I tried fixing the issue with some css but that did not work. A non-filled little black square icon appears and not a drop-down arrow. This is ood and looks not good! It seems to be a problem with safari browser and firefox but not necessarily with chrome.

    I noticed that the code outputs a “”\e92e” symbol as content which seems to cause the problem.

    This is the style element that is problematic:

    @media screen and (max-width: 960px)
dynamic-styles.css:1:8767#sinatra-header-inner .site-navigation > ul .menu-item-has-children > a::after {
font-family: "sinatra" !important;
content: "\e92e" !important;
position: absolute !important;
top: 0 !important;
bottom: 0;
right: 0;
border-left: 1px solid rgba(0,0,0,.09);
display: flex;
align-items: center;
justify-content: center;
width: 50px;
margin: 0 !important;
font-size: 1em;
transform: none !important;
}

    Any help is much appreciated!

    Thanks & cheers

    Steffen

Viewing 8 replies - 1 through 8 (of 8 total)
  • Branko

    (@brankoconjic)

    Hey Steffen,

    Thank you for pointing this out. Font icons were replaced with SVGs in the latest version of Sinatra to improve performance and reduce HTTP requests, but it seems that caused the issue.

    You can temporarily disable “Dropdown Indicators” from Appearance ? Customize ? Main Navigation ? Sub Menus and we will try to release an update in the next couple of days to fix the issue.

    Thanks!

    Noticed the same issue on my clients website. Other than that, the theme works perfectly and I am very happy with it’s functionality.

    If you could release an update that corrects the issue that would be very appreciated.

    Thanks guys!

    Branko

    (@brankoconjic)

    We will release an update with the fix early next week ??

    Yes! Same here. I tried unchecking the Dropdown Indicators under Sub Menus but the empty square is still there on mobile. I also tried displaying none, but not working either. Looking forward to the update!

    When will an update be coming out to resolve this issue?

    Currently going on 3 weeks of my mobile menu not looking correct.

    Branko

    (@brankoconjic)

    Please update your themes to v1.2.1 and that will fix the issue.

    • This reply was modified 3 years, 8 months ago by Branko.
    Thread Starter steffeninseoul

    (@steffeninseoul)

    Unfortunately 1.2.1 did not fix the issue for me…

    Branko

    (@brankoconjic)

    Go to Appearance ? Customize, make any change and save it, this will force the dynamic styles to be recreated and that should work.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Drop-down icons on mobile menu, a non-filled square symbol’ is closed to new replies.