Custom header with left and right navigation possible?

[annelotvdl]

Hello there.

See the attachment for an example of a custom header.
This header is part of a website which is made with Neighborhood.
I just bought Neighborhood too and would like a similar header.
In other words: a second menu on the right, with rounded social icons above and a search field underneath.
I couldn’t find any possible way to easily build this under Theme Options.
Is custom CSS needed for this? If so, could you help me with this?

Thank you in advance!

Attachments:

You must be logged in to view attached files.

[Nishant – SUPPORT]

Yes, it will require a custom CSS.

Post your website link so that I can assist you with that.

[annelotvdl]

This reply has been marked as private.

[Nishant – SUPPORT]

Can you enable top bar and insert your social profile links?

[annelotvdl]

I just enabled the top bar!
And I added a link for Twitter and Facebook (not the correct ones though, but at least these two are added).

[Nishant – SUPPORT]

Use this custom CSS

#header-section > #main-nav {
    border-top: 0;
}

nav#main-navigation .menu > li > a {
    text-transform: uppercase;
    padding-bottom: 10px;
}

div#top-bar {
    background: transparent;
    margin-top: 20px;
}

.tb-right ul.social-icons.small li {
    background: #000;
    padding: 2px !important;
    border-radius: 50%;
}

nav#main-navigation .menu > li > a:hover span {
    border-bottom: 1px solid #888;
    padding-bottom: 8px;
}

[annelotvdl]

Thank you Nishant! It seems to work.

I was just wondering how I can add a menu between the social icons and the search + cart icon, as in the example I gave in the beginning.

It would be best if I can add and customize the menu with the WordPress Dashboard at Appearance > Menus.

[Nishant – SUPPORT]

Hello annelotvdl,

Sorry that customization would out of our theme support scope. Because, that would require major customization.

I would recommend you to hire a Web Developer if you need major customization’s.