Header - Image with link not working on mobile view

Support
#1

Hi. I have an image element in my pages header where the link is not working (logo image to home page). Screenshot attached with setup. reference url https://mysalus.org/community.

Insights?

Thank you

#2

Hi @dsthompson,

Thanks for reaching out.

May I know how it should be displayed? I checked and there are two logo, one for desktop and one for mobile which is that one. Or are you referring to size? For that, please click the eye icon just above that image source option.

Thanks!

#3

The desktop logo link works. The smaller logo for mobile - link does not work - ie does noting when tocuhed (redirect to home page). Does that clarify?

Thank you

#4

Hi @dsthompson,

Yes, that’s what I checked and it works so I thought you’re referring to the size. But, if you’re referring to small part of the logo isn’t linking (the bottom part) on 375px device then it’s because of the search icon. Please add this CSS to your Header > CSS

@media ( max-width: 375px ) {
.siq-icon-searchbox-wrap {
width: auto !important;
}
}

Thanks!

#5

Thanks much! That did the trick!

#6

You’re welcome.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.