# Adding links to Discourse header

**URL:** <https://meta.discourse.org/t/adding-links-to-discourse-header/47830>\
**Category:** Support\
**Created:** [July 26, 2016, 6:31pm UTC](https://meta.discourse.org/t/adding-links-to-discourse-header/47830 "2016-07-26T18:31:56Z")\
**Posts on this page:** 1\
**Showing post:** 12

<div class="post-metadata">

**Author:** ![cpradio](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cpradio/32/4970_2.png) [@cpradio](https://meta.discourse.org/u/cpradio)\
**Post date:** [July 27, 2016, 10:26am UTC](https://meta.discourse.org/t/adding-links-to-discourse-header/47830/12 "2016-07-27T10:26:35Z")

</div>

> [@Pad\_Pors](#):
>
> the links has gone into this menu. i hope i could explain what i meant. when i used the above codes, after i shrink the window the header becomes little bit noisy (as a result of no-space condition):

That’s their main website and not Discourse though. The code I helped them with was for Discourse only, which doesn’t scale down to that menu either.

In short, you would need minimally add more HTML. You would have to have a menu (that is hidden at larger viewports) plus the horizontal menu which is visible at larger viewports. Then as the viewport shrinks your CSS media queries should hide the horizontal menu and make the menu visible.

This is a good read of the concept behind what their main site is doing

> **[Responsive Menu Concepts | CSS-Tricks](https://css-tricks.com/responsive-menu-concepts/)**
>
> Tim Pietrusky shares a number of different techniques for handling menus on smaller screens when the large screen version, unaltered, is untenable on the small screen.

---

_[View the full topic](https://meta.discourse.org/t/adding-links-to-discourse-header/47830)._