Personal portfolio

[jbergant]

Hi,
In the personal portfolio template, changing the header is impossible. I tried with AI by giving a prompt: "Change the heading to Special Designs.", but nothing changed, and there was no error or explanation.
I tried clicking double-clicking, and I've searched all the properties and settings. How can I change the header text in the personal portfolio template? It was the first thing I tried to do in the web studio.

Kind regards,
Jana

[kof]

Have you tried to double click on canvas and edit it right where the text is?

[kof]

reproduced it, @markxtang any ideas how we got there?

[kof]

I got it. Text for those headings comes from the Heading element, but you can't double click because its element is covered by the absolutely positioned "Button Wrapper", so the only way to edit it there is by selecting Text inside Heading in the navigation and hitting Enter.

@markxtang I doubt this was necessary and certainly isn't a great UX, do you need help figuring this out or can you fix it?

[markxtang]

I changed the heading text to position: relative with a z-index: 2 which makes it selectable on click. Now the social icons aren't selectable, you have to go through the navigator on the left to select/edit them.

I understand that it's not the most elegant solution, but I couldn't think of any other way to maintain the layout without splitting the heading element into 2 separate elements (which I think would be bad for accessibility).

I could revise this heading layout altogether if this solution isn't good.

[kof]

Lets see how to do this without bad affects at all.

[markxtang]

Site updated

[kof]

@jbergant for the update to be visible, you need to clone the template again