Why isn't my featured image link functioning properly?

[LewisWaters]

hello, I’ve used some code to show different images dependent on device, however now when I place a link in the menu box, it doesn’t work when you click on the photo. any help would be appreciated. please see code below.

{%- if section.settings.full_width -%}
{%- assign full_width = true -%}
{%- endif -%}

.hidden_desktop{ display:block; } .hidden_mobile { display: none; } @media (min-width:992px){ .hidden_desktop{ display:none; } .hidden_mobile { display: block; } }

{% if section.settings.link != blank %}{% endif %} {% if section.settings.image != blank %} {% else %} {% endif %} {% comment %}Above will be the desktop image and below will be the mobile image{% endcomment %} {% if section.settings.mobile_image != blank %} {% else %} {% endif %} {% if section.settings.link != blank %}{% endif %}

{% schema %}
{
“name”: “Featured image”,
“class”: “featured-image-section”,
“settings”: [
{
“type”: “checkbox”,
“id”: “full_width”,
“label”: “Full width”,
“default”: true
},
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Desktop image”
},
{
“type”: “image_picker”,
“id”: “mobile_image”,
“label”: “Mobile image”
},
{
“type”: “select”,
“id”: “section_style”,
“label”: “Section style”,
“default”: “section-blank”,
“options”: [
{
“value”: “section-blank”,
“label”: “Blank background”
},
{
“value”: “section-default”,
“label”: “Accent background”
},
{
“value”: “section-border”,
“label”: “Border top”
}
]
},
{
“type”: “url”,
“id”: “image_link”,
“label”: “Link”
}
],
“presets”: [
{
“name”: “Featured image”,
“category”:“Image and text”
}
]
}
{% endschema %}