# Custom HTML Component - PayPal breaking navigation

**URL:** <https://forums.realmacsoftware.com/t/custom-html-component-paypal-breaking-navigation/51488>\
**Category:** Elements\
**Created:** [October 3, 2025, 6:35am UTC](https://forums.realmacsoftware.com/t/custom-html-component-paypal-breaking-navigation/51488 "2025-10-03T06:35:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![amcfarlen](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@amcfarlen](https://forums.realmacsoftware.com/u/amcfarlen)\
**Post date:** [October 3, 2025, 6:35am UTC](https://forums.realmacsoftware.com/t/custom-html-component-paypal-breaking-navigation/51488/1 "2025-10-03T06:35:12Z")

</div>

I tried to add a buy new custom component using PayPals code. One part that is suppose to go into the head of very near the top of the body. And the second part in the page. I don’t know how to put it into just the head, so I tried various places from above the navigation all the way down the page to just above the other component that generates the PayPal buttons.

When I do this my navigation breaks with only my site title still visible.

Is this a know bug, or have I stumbled onto something new?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [October 3, 2025, 9:01am UTC](https://forums.realmacsoftware.com/t/custom-html-component-paypal-breaking-navigation/51488/2 "2025-10-03T09:01:39Z")

</div>

If you post the code snippets I can show you how to get it set-up 😊

---

<div class="post-metadata">

**Author:** ![amcfarlen](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@amcfarlen](https://forums.realmacsoftware.com/u/amcfarlen)\
**Post date:** [October 3, 2025, 7:08pm UTC](https://forums.realmacsoftware.com/t/custom-html-component-paypal-breaking-navigation/51488/3 "2025-10-03T19:08:39Z")

</div>

I can’t post the code directly as it doesn’t display. So here is a screen shot.

 ![Screenshot 2025-10-04 at 5.23.07 am](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/a/5a757b4e4445357d82370719ae7d9f5330ebec9b.png)

---

<div class="post-metadata">

**Author:** ![amcfarlen](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@amcfarlen](https://forums.realmacsoftware.com/u/amcfarlen)\
**Post date:** [October 5, 2025, 6:40am UTC](https://forums.realmacsoftware.com/t/custom-html-component-paypal-breaking-navigation/51488/4 "2025-10-05T06:40:32Z")

</div>

I managed to get this working by following another forum thread that you posted a solution Dan.

---

<div class="post-metadata">

**Author:** ![amcfarlen](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@amcfarlen](https://forums.realmacsoftware.com/u/amcfarlen)\
**Post date:** [October 5, 2025, 6:45am UTC](https://forums.realmacsoftware.com/t/custom-html-component-paypal-breaking-navigation/51488/5 "2025-10-05T06:45:24Z")

</div>

Here is the forum link if anyone else has this problem.

> [@Disappearing menu items - due to Paypal code](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267):
>
> Disappearing menu items Dan - you gave me the following code in order to fix an issue where Paypal’s code was ‘disappearing’ the menu items. I’ve been unable to make progress with this. The menu items still disappear. Would you be able to take another look for me ? Jol /\* Protect Tailwind display utilities from 3rd-party \`.hidden\` rules \*/ @media (min-width: 1024px) { .lg\\:flex { display: flex !important; } .lg\\:block { display: block !important; } .lg\\:inline-flex { display: …

---

<div class="post-metadata">

**Author:** ![jbob](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbob/32/31581_2.png) [@jbob](https://forums.realmacsoftware.com/u/jbob)\
**Post date:** [October 5, 2025, 8:34am UTC](https://forums.realmacsoftware.com/t/custom-html-component-paypal-breaking-navigation/51488/6 "2025-10-05T08:34:30Z")

</div>

Yes - code must go at body end - (not in header) - just as per the link
