CMS Development

TMedina5
Member

Help Needed – Custom Template Not Redirecting on Mobile

Hi everyone,

We’re experiencing an issue with our website BeSocialScene.com, which is hosted on HubSpot. The site works fine on desktop, but when viewed on mobile, the event links are not functioning properly. For example, when clicking on Whiskey Tasting Festivals, the page does not redirect to the event page as expected—it just stays on the same screen.

HubSpot support reviewed the page settings and mentioned that we are using a custom template and that the event modules are custom modules. They indicated that the mobile responsiveness of these modules is controlled at the template level and suggested that a developer apply the necessary changes to make the modules responsive.

Since we do not have an in-house developer with HubSpot expertise, we are reaching out here for guidance. Could anyone advise on:

  1. Possible causes for why these links are not working on mobile?
  2. Where in the custom template we should check or update to fix this issue?
  3. Best practices for ensuring mobile responsiveness of custom modules in HubSpot?

Any help or insights would be greatly appreciated!

Thanks in advance!

0 Upvotes
1 Reply 1
Indra
Guide | Elite Partner
Guide | Elite Partner

Help Needed – Custom Template Not Redirecting on Mobile

Hi @TMedina5

As HubSpot support suggests, it’s best to contact a developer. The easiest option is to reach out to the developer who originally built the theme/module. If this is unknown, you can also look for a HubSpot partner specializing in web development. You can find them on this page: HubSpot Website Development Partners.

 

Looking further into the issue, the following points stand out:

  • The issue occurs in a slider involving a card. On desktop, this card flips to reveal a different image.
  • The problem only appears on mobile. When hovering over the card, it flips instead of redirecting to the link. Since there’s no hover on mobile, it flips when you tap the card.
  • The link is only clickable on the gray area on desktop. On mobile, it is not visible. This should be resolved with CSS.

    My advice:

    • Have an experienced specialist review the issue, preferably someone with expertise in web development and user experience.
    • Upon delivery, it’s important to thoroughly test everything yourself. Make sure to check it in various browsers, such as Chrome and Safari, and also test it on different devices to ensure that the responsiveness works correctly.


Indra Pinsel - Front-end developer - Bright Digital
Did my answer solve your issue? Help the community by marking it as the solution.


0 Upvotes