Submenu Open/Closed Symbols are Different Sizes on Mobile Browsers

  • On two different mobile browsers (Chrome and Firefox), the default right arrow for a closed parent menu is smaller than the default down arrow for the open submenu.

    I tried forcing a size with 

    .slicknav_menu .slicknav_arrow {
font-size: Npx;
}

    And this affects both right and down arrows, but on mobile browsers, the right arrow is still proportionally smaller than the down arrow. This doesn’t happen on desktop browsers.

    Any idea why or how mobile browsers are treating these symbols differently? Any idea how the size of these icons might be equalized with CSS?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter DavidSortOf

    (@davidsortof)

    Hello again — An update: I learned that this issue only happens with the default icons. This is a minor issue, but I’d still really appreciate anybody’s insight into this. It’s a puzzle.

    However, a clear workaround is to use something other than the default icons, and I’m currently in the process of trying out some others. Do they have to be unicode? Any guidelines to be aware of?

    Thanks,

    David

Viewing 1 replies (of 1 total)
  • The topic ‘Submenu Open/Closed Symbols are Different Sizes on Mobile Browsers’ is closed to new replies.