I believe this is a quirk in Webflow.
To make a heading element linked you have to add a link block and a heading inside of it resulting in incorrect html i.e
a > h1
<a href="" class="w-inline-block">
<h1>How do I set my rental preferences?</h1>
</a>
This is invalid as its a block level element inside an inline element.
It should be the other way around. i.e
h1 > a
<h1>
<a href="" class="w-inline-block">How do I set my rental preferences?</a>
</h1>
Webflow please add an option to headings to link it and then give us the normal link UI options to set a link that outputs
4/2/18 Update:
We actually already have this! All you have to do is double-click into the heading field and you'll see a menu pop up. Insert the link and you'll have the following structure in the exported code:
<body>
<div class="section">
<h1><a href="https://www.webflow.com">HEADING</a></h1>
</div>
</body>
Just adding a comment for anyone who comes across this in future... I think I've got a work-around which is simple and works fine.
Just put your heading in a Link Block, and set the link to go to the page you want. Hope this helps, and also hope it's not a dumb thing to do.
Cheers!
Weblow Admin please respond!
This cannot exist if it does not work for collection headings.. or am I missing something?
Hi Webflow
Please re open this.
The solution does not work on collection lists which counts more than plain html headings IMHO.
Thanks, I can get it working on normal html headings.
But it does not work on collection lists. When you set the heading to pull text from a collection list it deletes the link.
I believe this does not yet exist correctly until it works on collections lists too since the majority of my content comes from collection lists.
Any thoughts on this?