CMS Development

DaveE
Participant

Interactive Landing Page Headers for Mobile Only

We are using a landing page to document all our software's known issues, recent fixes and recent enhancements - each of these is displayed in a separate column. This works, aside from the fact that when you view the page on mobile, the three columns merge into one long one meaning you have to do a ton of scrolling to see all the information.

Is there a way I can hyperlink the column titles or create buttons for the mobile version which when clicked will take them to that specific segment of text?

 

For example, if they click on 'Recent Enhancements', it will skip them to that specific section of text?

 

Any help is greatly appreciated.

0 Upvotes
2 Replies 2
Stephanie-OG
Key Advisor

Interactive Landing Page Headers for Mobile Only

Hi Dave!

 

Yes, you can use anchor links to link to a specific section on your landing page so that it will scroll down to that section automatically. 

 

Perhaps another option would be to have accordions that toggle. I haven't tried this one but HubSpot offer a free accordion module on the marketplace.

 

I hope that helps!

 


Stephanie O'Gay GarciaHubSpot Design / Development / Automation

Website | Contact

 

If this helped, please mark it as the solution to your question, thanks!

DaveE
Participant

Interactive Landing Page Headers for Mobile Only

Hi Stephanie,

 

Thanks for the advice - i'll give it a go and see if it works!

0 Upvotes