[winterjd23]

FYI — I quickly hack/fixed it via CSS so it didn’t look bad (public site). Would still be interested if theres a better fix?

Here’s how I fixed it via custom CSS:

#header ul.mega-menu > li.mega-menu-flyout ul.mega-sub-menu > li.mega-menu-item-has-children > a.mega-menu-link:after {
    position: relative;
    margin-top: 0px;
}

[winterjd23]

I think I’ve actually fixed this issue. For reference, it ended up being that the Rows in SPB that the content was housed in had a custom Row ID and Row Name. Not sure why, but that messed with mobile Safari & Chrome on iOS. I went through and deleted the Row ID and Row Name in each of those pages, and have not encountered this issue since. Odd bug.

The latest issue I am having (see new ticket at: http://www.swiftideas.com/forums/topic/icon-box-assets-not-appearing-on-mobile/ ) is the icon box grid doesn’t work on mobile (or it does load, but 2 mins after the page is requested). I double-checked, and the Row ID issue is not there for that one. There seems to be a similar issue on Dante ( http://www.swiftideas.com/forums/topic/icon-boxes-missing-in-mobile/ ) but I’ve cleared my cache, used incognito, everything on multiple iPhones & iPads, with the same issue.

I’ll mark this ticket closed.

[winterjd23]

Hi Rui– The menu width CSS worked perfectly, thanks!

The button fix CSS did not work, and I understand you’d be shooting in the dark without access to the site, so I’ll have someone else take a look, or re-address once live.

Thanks!

[winterjd23]

Unfortunately our IT department has the dev site IP-restricted, so that won’t help us here. Can you give any pointers on how to generally style/change those components?

[winterjd23]

I think I figured it out. Looks like I had two Google Maps on a page, and both we’re set to Fullscreen mode. Turned that off, and boom, all is well again in the world.

Hopefully this helps someone else who may have the same issue!