[Marjorie WParticipant]

HI

I have uploaded X 2.6. I have my logo centered and would like to split the navigation menu inline on each side of the logo image. Is there any way to do this? Here is an image of what I would like. The website is:
http://www.integratedshop.com

Thanks in advance for your help!!

Marjorie

[DarshanaModerator]

Hi there,

You can add the logo as a menu item using the custom link option inside the Menus (Appearance -> Menus) and remove the top logo being displayed. Follow the screenshot (http://screencast.com/t/wIEoehVbZrT).

Then add the following CSS workaround into your Customizer, Custom > CSS section using the menu Appearance -> Customize.

.x-brand.img {
    display: none;
}

Hope that helps.

[Marjorie WParticipant]

Hello:

Here is the link to my website:

http://www.integratedshop.com/

I would like my logo in the center of the navbar along with the navigation menu. The CSS above got rid of the logo completely. I would like the logo inline dividing the navigation in half like the picture above. Tried a lot of different options and cant get it to work. Can you help me?

I appreciate you help––Thank you!

MW

[Marjorie WParticipant]

Hello:

Here is an example of the Navbar setup I forgot to include above:

HOME | PRACTICE AREAS | LOGO HERE | ABOUT | CONTACT

THANKS
M

[CousettMember]

The best solution for this is to add a menu item that has a background image of your logo that way it will be centered and unified with the menu.

[Marjorie WParticipant]

Okay…That makes good sense. Thank you very much for your help!

M

[CousettMember]

Glad we were able to help. 🙂 Have a nice day.

[Marjorie WParticipant]

Alright…I’m not sure how to add “a menu item that has a background image of your logo” in WordPress. How do I add the image?

Thanks in advance!
M

[Marjorie WParticipant]

Happy Halloween!!

I have the image loaded in the menu and just need to center it now:

http://www.integratedshop.com

I need to add padding-top: 15px to the a href tag for “menu item 33″ and I’m not sure how to do that? Here is the line of CSS:

.x-navbar .x-nav > li > a {
height: 90px;
padding-top: 34px;
}

But I only want to change the padding for the menu item with the logo? New to this, so your help would be greatly appreciated!

<li id=”menu-item-33″ class=”nav-logo menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-26 current_page_item menu-item-33 has-image”>

Thank you for your help!
M

[DarshanaModerator]

Hi there,

Use the following CSS workaround below, add it into your Customizer, Custom > CSS area using the menu Appearance -> Customize.

.x-navbar #menu-item-33 > a {
    padding-top: 15px;
}

Hope that helps.

[Marjorie WParticipant]

THANK YOU SOOOO MUCH!!!
M

[ChristopherModerator]

You are welcome.

[jmelendez92Participant]

I am trying to accomplish the same task here. Can I have some specification on exactly how to split the nav bar menu with a logo?

[ChristopherModerator]

Hi there,

Please follow this thread :

https://theme.co/x/member/forums/topic/making-logo-be-in-the-middle-of-the-nav-bar/#post-161784

Hope that helps.

[Zach WParticipant]

Hi There,

I have looked through every tutorial in this knowledge base and cannot do this. If I send you the logins, can you guys make the split logo for me?

[Author]

Posts