Webflow Firefox CSS Issue

[Iroshan_Kulatunga]

I would really appreciate if someone from Webflow or an Expert can give me a solution for this problem. I’am getting weird looking css styilng on some HTML Embedded Buttons. See the images referred. It works fine on Chrome. However Firefox messes it up bigtime, even in the Mobile Firefox.

HOW I SEE IN FIREFOX - NOT SUPPOSED TO LOOK LIKE THIS

HOW I SEE IN CHROME

[http://slycan.webflow.io/knowledge-portal/home](http://Click Here) To Visit the Website.

[sam-g]

@Iroshan_Kulatunga I think you’ve got a few too many elements in here and have overcomplicated the layout a bit.

Take a look in this test project I just set up:

https://preview.webflow.com/preview/testing-a7766d?utm_medium=preview_link&utm_source=designer&utm_content=testing-a7766d&preview=d29d876a5c9b2d01f435ef5cf3044c71&mode=preview

https://testing-a7766d.webflow.io/

This should get you on the right path, it’s always best to use fewer elements if possible, keeps things cleaner, reduces bloated code, and easier to edit in the future…

Let me know if this helps.

[Iroshan_Kulatunga]

Thanks for the Feedback @sam-g, However the problem comes with the embed code style, In your readonly link i saw it has been just a link block and text and unable to execute the custom code.

[Iroshan_Kulatunga]

I’ve fixed it, It was a small oversight. Thanks for the feedback .