Top menu link not working on iPad or Mobiles

[RoyPurlan]

I am using X Theme, ETHOS Stack all currently up to date as is my WordPress software.

I have a problem with my main navigation menu in that the Top Line Links are not working on tablets or mobiles. All the sbu links are working fine.

I have tried to see what the problem is by looking at this problem in the Forum but cannot find an answer.

Can you help please?

[marc_a]

Hi @RoyPurlan,

Thanks for reaching out!

I just check your account and you have so many website. Would you mind sharing the site URL to check and confirm the issue?

Thank you.

[RoyPurlan]

Thanks for your reply

Website is here: https://www.staustellgolf.co.uk/

Kind Regards
Roy

[prakash_s]

Hello Roy,

It seems that there is an issue of z-index because of that the top links are not working on small devices. To get rid of this you need to add this custom CSS code under X/Pro—>Theme option —>CSS

@media(max-width:766.98px){
.x-topbar .x-social-global {
    float: left;
    width: 100%;
}
.x-topbar .p-info {
    float: left;
    width: 100%;
}

} 

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[RoyPurlan]

Many thanks for your reply.

I have added the code and it still does not work.

I feel this should be a simple standard feature on any mobile responsive website and cannot understand why a top navigation link would not work on a tablet or mobile phone especially when I have not done anything, that I know off, to stop it from working normally…

Can you suggest another fix please…

Kind Regards
Roy

[tristup]

Hi Roy,

I have checked your website and seems that the code given by my colleague is working and Top links are now clickable in iPad and mobile devices. I would request you to check once by clearing all types of cache from the mobile and iPad.

Thanks

[RoyPurlan]

HI,

Many thanks for your help.

Yes, the links are now working on my iPhone but not on my iPad Pro…

Is this something to do with the device screen size?

Kind Regards

Roy

[prakash_s]

Hello Roy,

I checked your site on the browser simulator on iPad mode. I would suggest you clear your browser cache and then check it again.

Please have a look at the given screenshot below

Thanks