Link not working on mobile site

Permalink
I have an issue with a link to a file on our mobile site. On the desktop the link opens in a new page fine but the link does not work at all when you click on it on our mobile site. There is probably a simple solution but I don't see it!

This is the code for this particular link:
<h3><a href="https://www.playfairsrestaurant.co.uk/download_file/view/217" referrerpolicy="origin" target="_blank">> VALENTINES MENU</a></h3>

Many thanks!

View Replies:
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
You have an extra closing bracket in your code just before VALENTINES MENU
<h3><a href="https://www.playfairsrestaurant.co.uk/download_file/view/217" referrerpolicy="origin" target="_blank">> VALENTINES MENU</a></h3>

Should be
<h3><a href="https://www.playfairsrestaurant.co.uk/download_file/view/217" referrerpolicy="origin" target="_blank"> VALENTINES MENU</a></h3>
RachelArd replied on at Permalink Reply
When I went back in to remove the bracket, it isn't there. What is actually there is '@gt;' which is why it looks like there's an extra bracket. The > goes before the menu name on the page.

Are there any other reasons why it wouldn't be working? I just copied and pasted this code from other menu links on the page which work perfectly so I can't understand why this is working.
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Possible because it is a "Microsoft Word - Valentines menu 2020.docx"
RachelArd replied on at Permalink Reply
All of our files are pdf in the file manager. Another update because I've been experimenting with this.

There are six menu links in this block and no matter which two are at the top the link on mobile site does not work. For example, if I move the code for the Valentines menu underneath the a la carte menu and publish, it will now work. The the link which is at the top no longer works. I cannot understand this at all!
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Yes the "Microsoft Word - Valentines menu 2020.docx" is just the files title, my mistake..
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Your Owl Carousel is overflowing the top part of the menus preventing the cursor from clicking the link..!
RachelArd replied on at Permalink Reply
How do I stop it overflowing?
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Possibly in your @media css rules for mobile devices add
.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: none;
ConcreteOwl replied on at Permalink Reply
ConcreteOwl
Maybe a better solution would be to change this
<div class="home-thumbslider">
To this
<div class="home-thumbslider" style="clear:both">