Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #425384

    Hi everyone – Before I start explaining, I would like something like this, which is kind of a menu below the header with three tabs (“Aktuell”, “News”, “Veranstaltungen”). These tabs and their content appear on every page, but only below the header as a section within a page – Does anyone have a solution, how I can make this possible?


    Hi realit-treuhand!

    So your wanting an extra mega menu to display beneath the header correct? Perhaps something like ubermenu would work for you,

    Best regards,


    Thanks for your reply Elliot! I’m not quite sure if ubermenu would work but will look into it more precisely! What I tried so far is integrating a sub menu beneath the header and created a new menu in the backend. The important thing is that I want some content (maybe 3 columns, height 200px) that is being displayed on every page beneath the new created submenu. Then, when I click on a different sub menu title, only the content beneath the header will change and the page from the main menu will remain the same.

    It should really be like this:

    I looked into the code of this site, it says something about nav tabs and tab panes!

    Kind Regards,


    Actually I realized that they use tabs instead of a menu. Is it possible to move up the tab titles into the header image so that it looks like a menu with buttons? As seen here

    Kind regards,


    Now I added this to quick css:

    .content, .tab{
    padding-top: 0px;
    padding-bottom: 10px; }

    Is it possible to have an overlap between the Image and the tab content in order to achieve what I posted just before?



    If you are not working locally, can you post the link to your page so we can see what you have so far?



    Thanks for your repsponse, Yigit. I found a different solution in the mean time!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Menu below header that functions like a "tab" on every page’ is closed to new replies.