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
Andy Neale
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>
Weblow Admin please respond!
This cannot exist if it does not work for collection headings.. or am I missing something?
Attachments Open full size
Hi Webflow
Please re open this.
The solution does not work on collection lists which counts more than plain html headings IMHO.
Attachments Open full size
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?
Attachments Open full size