iPhone Links Problem

Greetings Colorlib.

First of all, I would to say thanks for creating a wonderful theme.

I have a problem whereby when I access my website using iPhone 5s and iPhone 7 Plus Safari, the links for blog post is unclickable. Though, other links on the front page is accessible.

My site

In Customizer = I put the front page as displays Your Latest Post

Customize>Additional CSS> I put the div#secondary { position: static; } but still not working.

Please and thank you!

ok. found the solution.

added code from https://colorlibsupport.com/t/links-doesnt-work-on-mobile/

Hey there,
I hope you’re doing well today

Happy to see you found the solution.

Let us know if you have any more issues.

Best Regards,

Hi Support,

The issue reported in https://colorlibsupport.com/t/links-doesnt-work-on-mobile/ solves the problem when displaying pages at Category level.

However, the issue is still occurring for sidebar when an article is displayed on a mobile device. Example: https://www.darryllin.com/dl/hasa-diga-eebowai/.


I have fixed this issue by updating your suggested CSS in https://colorlibsupport.com/t/links-doesnt-work-on-mobile/.

The z-index were by best guess as I didn’t really see how many layers were there. Feel free to provide some ideas?

/Change Z-index of sidebar widget is covering the content/
@media (max-width: 550px){
div#primary {
position: relative;
z-index: 10;
aside#secondary {
position: relative;
z-index: 5;