Issues with embedding Outgrow codes in Tab sections

Design help Custom code
1

Hello,

I’m having an issue with the embed codes that I am using on the pricing page of my website.

  1. There is a button bar at the bottom of each section of the pricing table. This pricing table has a toggle between the annual and monthly pricing. These buttons have an embed code that brings up an Outgrow calculator to give quotes.

The embedded button text is showing up on the monthly sections twice and not on the annual at all. This coding is all separated in the different tab content sections but is being combined in the finished product.

  1. Another issue that is happening is our nav bar is disappearing with the addition of these embed code buttons.

Here is my read only link and a link to the live pricing page on our site.
https://preview.webflow.com/preview/chatbeacon-staging?utm_source=chatbeacon-staging&preview=ed91be0d7657b48998ec15b413f24f54

There are three different calcs - one for each section. Here is an example of the code that is given by Outgrow to embed. This one is for the on-premise option.

36%20PM
36%20PM3896×2784 1.23 MB
46%20PM
46%20PM3820×2766 1.19 MB
56%20PM
56%20PM4778×2790 1.58 MB
52%20PM
52%20PM4774×2792 1.63 MB

Best,

Michelle

2

I have solved the first question. I’m still having an issue with the navbar disappearing. Has anyone else had this issue?

Best,

Michelle

3

Hi Michelle,

Hope this helps-

  1. It seems like this happened with the width property associated with your Outgrow button. We’re glad you were able to fix this one!

  2. Although I have no way to verify this now, it seems like this could have happened because of the position property of your navigation menu.