Difference Between Shopify Mobile Navigation and How it Appears on Mobile

[LFS_325]

My website is www.littlefabricshop.com. When real mobile users (Apple and Google Pixel) look at the menu on the sidebar (Home, New!, Fabric, Brands, etc.) they do not see the drop down arrows showing that there are sub menus (as for Fabric). When I look at this in my mobile preview in my theme editor, the black triangle drop down arrows show up. My theme is Fashionopolism 6.2.1. How do I get those arrows to show up IRL on a mobile device? Thanks for any insight!

[The_ScriptFlow]

This issue is not only Iphone devices but this issue on my side too.

Here when I check on mobile and I found this:

In order to fix it you need to follow the steps below.

Go to Shopify Admin >> Online Store >> Edit Code >> Stylesheet.css

In the end of stylesheet.css paste the following code that shared below.

ul#accordion li {
  position: relative !important;
}

Results:

[tim_tairli]

I’d rather suggest to go to “Customize”-> “Theme settings”(cog icon)-> “Custom CSS” and paste this code:

nav {
  box-sizing: border-box;
}

This will force your navigation contents to be inside the designated space.

=>

[PaulNewton]

Does this happen on fresh installation of the theme (same version).
If so file a bug report with the developers.

If it’s fixed on newer version consider upgrading as likely there’s other issues it fixes your not even aware of.

[LFS_325]

Thanks so much for this–it worked!