# CSS to allow element in print

**URL:** <https://forums.knack.com/t/css-to-allow-element-in-print/19857>\
**Category:** Get Answers\
**Created:** [September 18, 2025, 9:41am UTC](https://forums.knack.com/t/css-to-allow-element-in-print/19857 "2025-09-18T09:41:16Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pieter](https://avatars.discourse-cdn.com/v4/letter/p/82dd89/32.png) [@Pieter](https://forums.knack.com/u/Pieter)\
**Post date:** [September 18, 2025, 9:41am UTC](https://forums.knack.com/t/css-to-allow-element-in-print/19857/1 "2025-09-18T09:41:16Z")

</div>

It seems my google maps and highcharts elements (called through custom js on a menu render) are blocked from display in print. How do I override this in the CSS?

---

<div class="post-metadata">

**Author:** ![CSWinnall](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/cswinnall/32/3631_2.png) [@CSWinnall](https://forums.knack.com/u/CSWinnall)\
**Post date:** [September 18, 2025, 9:39pm UTC](https://forums.knack.com/t/css-to-allow-element-in-print/19857/2 "2025-09-18T21:39:38Z")

</div>

Hi @Pieter

Look into `@media print` in css

That should point you in the right direction.

Craig

---

<div class="post-metadata">

**Author:** ![Pieter](https://avatars.discourse-cdn.com/v4/letter/p/82dd89/32.png) [@Pieter](https://forums.knack.com/u/Pieter)\
**Post date:** [September 23, 2025, 8:01am UTC](https://forums.knack.com/t/css-to-allow-element-in-print/19857/3 "2025-09-23T08:01:14Z")

</div>

@CSWinnall Thank you! I found the issue. Just needed to add this to the CSS:

@media print {

```
    .kn-menu {

        display: block !important; 

    }

}

```