Separate Sections for Menu Bar Collective Theme

  • Unknown's avatar
    oessemel · Member ·

    Hi there,

    Is it possible to modify the menu bar in the Collective theme into two separate sections: One containing the logo in the top left corner with the second part containing the navigation bar (aligned to the left from its original location on the right); and then to apply separate coloring to these sections to differentiate them. The reason for this question is that we like most aspects of the Collective theme but would like the menu bar to look more similar to the tdeditor theme.

    We are aware that this is a very specific question but just wanted to get the conversation started to get some tips.

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    dkmyta · Member ·

    Hello there,

    The following CSS will separate the header logo and the navigation menu to different sections and adjust all necessary items to fit appropriately:

    #masthead .site-title.no-logo {
    width: 100vw;
    background-color: orange;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu {
    padding: 11px 0 11px 0px;
}

#navigation {
    float: left;
}

.page-headline {
    margin-top: 62px;
}

    I was only able to test this code on the homepage to create the following layout: http://prntscr.com/kwuo1l. Please be sure to check all other pages once the code is set in place to make sure it doesn’t create any unintended effects.

    Hope this helps,

    Cheers

  • The topic ‘Separate Sections for Menu Bar Collective Theme’ is closed to new replies.