Pro Builder Bug or Mistake?

Hi there,

I’m building a site at https://mosontelecom.ethermedia.hu/
Near the top of the page, there is a section called MÉDIA CSOMAG

Under it, different packages are listed. In the builder, it looks like this:

https://capture.dropbox.com/sScNFDCKpn9EPHfY

However, on the frontend, it looks like this:

https://capture.dropbox.com/M8p1oPg6rb4lUZ6D

Now this issue arose, when the client asked me to make the container of these clickable with a link, so I changed the DIV container to an “< a >” container instead (so I could add a link). However, this should not be an issue, because if we scroll down a bit to say the TRIO AJÁNLATAINK section, you can see that what I aimed to achieve here works with no issues.

I tried copying the TRIO AJÁNLATAINK section and replacing it with the content of MÉDIA CSOMAGOK, but the same issue occurred, so it might be something with the content itself, but I’m lost. Could you have a look at what might be causing the layout to get misplaced?

Hello @Pbalazs89,

Thanks for writing in! You are having this issue because the resulting HTML code is no longer valid. Be advised that you cannot nest HTML <a> tag.

Your Image element has already a link. There is a Button element with a link too and yet, you still changed the <div> tag into the <a> tag which is why you have this issue. Please change back the tag of each Columns to <div>.

Now, if you want to make the whole column as clickable, you need to remove the Image link and your Button element. Or you can add a DIV element and then position it as Absolute to cover the whole column. Enable the Link Option of the DIV element and you are all set.

Hope this helps. Kindly let us know how it goes.

Hi @ruenel. You are a champ. Make me learn something new every time. :slight_smile:
It’s fixed. Have a great weekend!

Hello @Pbalazs89,

Glad that @ruenel was able to help you. Please feel free to open a new thread if you have any more concerns.

Have a great weekend!
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.