# Disappearing menu items - due to Paypal code

**URL:** <https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267>\
**Category:** Elements\
**Created:** [September 24, 2025, 11:05am UTC](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267 "2025-09-24T11:05:45Z")\
**Posts on this page:** 8\
**Page:** 1

<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:** [September 24, 2025, 11:05am UTC](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267/1 "2025-09-24T11:05:45Z")

</div>

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

> **[Peter Yates Print Shop](https://peteryates.co.uk/2025/print_shop/)**
>
> Peter Yates Art Prints, Limited Edition numbered and stamped on 330gsm Somerset Velvet paper. For more information, please contact us.

 /\* 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: inline-flex !important; }

---

<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:** [September 24, 2025, 12:54pm UTC](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267/2 "2025-09-24T12:54:56Z")

</div>

Hi @jbob,

Make sure the code snippet is placed at the very end of the head area:

```auto
<style>
/* 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: inline-flex !important; }
</style>

```

Just before the closing head tag, like this:

![CleanShot 2025-09-24 at 1 .53.08](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/7/07fb7394898656ae15aa8dc46283baae7e013468.gif)

---

<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:** [September 24, 2025, 1:52pm UTC](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267/3 "2025-09-24T13:52:40Z")

</div>

Ammended and uploaded… but result is the same on the Print Shop page : (

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/1/0/1066708d37b48bb265589db1e2e194d3f31e835f.png)

---

<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:** [September 24, 2025, 2:49pm UTC](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267/4 "2025-09-24T14:49:05Z")

</div>

Can you share the latest project with me again, and I’ll take a look for you!

---

<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:** [September 24, 2025, 4:39pm UTC](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267/5 "2025-09-24T16:39:22Z")

</div>

Thanks Dan - much appreciated … I realise you have ‘a bit on’,

elementsapp://downloadDocument/CNrEZbT846zZ

Jol

---

<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:** [September 24, 2025, 5:45pm UTC](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267/6 "2025-09-24T17:45:44Z")

</div>

It turns out we need to really make sure that css code is loaded last (after the PayPal buttons have loaded).

```auto
<style>
/* 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: inline-flex !important; }
</style>

```

Move the code out of the head are in the Template and place it at the end of the page in “Body End”.

 ![CleanShot 2025-09-24 at 6 .42.10@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/8/e8f1b9db5fb3a5cc7ac73abb84d43c41241dc635.jpeg)

And here’s a quick video explaining how to do it 😅

---

<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:** [September 24, 2025, 7:45pm UTC](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267/7 "2025-09-24T19:45:48Z")

</div>

Thank you so much Dan

- I believe that now works !

---

<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:** [September 24, 2025, 8:26pm UTC](https://forums.realmacsoftware.com/t/disappearing-menu-items-due-to-paypal-code/51267/8 "2025-09-24T20:26:12Z")

</div>

Woohoo!