[macfly]

please check, link provided.

[macfly]

the full code is this :

<i class=”undefined”></i>undefined

< a href=”#/undefined” >
< i class=”undefined” >
< /i>undefined

[macfly]

“<i class=”undefined”></i>undefined“

[macfly]

Something to add on regarding “html body scrolling behind the overlay “ subpage , it doesn’t always happen but occasionally it “catches” on upon finger scroll touches ,and this makes the overlay subpage not responding (freezed).

[macfly]

Issue only in iOS mobile devices , something to do with WebKit browsers.
I have googled for this issue and it’s seems like a common problem.

Because the lost of momentum scrolling in the subpages (overlay), I tried to add this in custom CSS “-webkit-overflow-scrolling: touch; “. Momentum scrolling works now in subpages but not perfect as the sticky “close link” is bouncing with the momentum scrolling …

Now a new issue appeared after I added the custom code, HTML body is scrolling behind the overlay…
In CSS I see this is set to “overflow: hidden; “?

Definitely some issues between WebKit (scrolling), iOS browsers & how it behave with overlay pages.

Hopes my explanation is understandable for u.

[macfly]

even your demo does not have the back to top link
https://themes.pixelwars.org/ikonik/demo-01
https://themes.pixelwars.org/ikonik/demo-01/#/portfolio

only when not using the hashtag in the web address , then back to top link will appear on page.
https://themes.pixelwars.org/ikonik/demo-01/portfolio

I’m viewing your demo sites on a Macbook , tested on Chrome, Safari & Firefox browsers.

[macfly]

to add on, only the home page has the smooth scrolling feel in mobile view.

momentum-based scrolling not working in mobile browsers… could be related to this ? This only occurred for the subpages.