[Rue NelModerator]

Hey Zach,

Thanks for updating this thread!
To please your logo in the main menu, please follow this detailed instructions in this topic right here:
https://community.theme.co/forums/topic/making-logo-be-in-the-middle-of-the-nav-bar/#post-161784

As this is all custom development, regretfully we won’t be able to assist further. Custom development is outside the scope of our support. We’re happy to provide advice and get you started in the right direction, but you would still be responsible for the implementation.

Thank you for your understanding.

[DesignedWebParticipant]

Hi Zach, if you are still in need of a solution for this issue. This is how I have done it.

Go to appearance, then menu, you should see at the top right hand corner ‘screen options’, enable the option: CSS Classes. Now add a “custom link” through the use of the selections on the left, make it link wherever you want (Homepage preferably) then put your image source into the field that is titled : Navigation Menu. This will then show the image.

Assign the class name something like: my-logo
Then you can add the styling to the “logo” container.

There’s a problem with responsiveness, the menu appears when it shouldn’t you can easily fix this by adding this code:
@media only screen and (max-width: 960px) {
.x-nav-wrap.desktop {
display: block;
border-bottom: 4px solid #000;
display: none;
}
}
Change the Max width size to your selected size option, 960 works fine for now for me.

This should at the very least provide you with a logo, in the middle of the menu, that you can control with the css class you have assigned to it
-R

[ZeshanMember]

Hi R,

Thank you very much for chiming in and helping out other X users! 🙂

Cheers!

[eywoaworldParticipant]

This reply has been marked as private.

[eywoaworldParticipant]

This reply has been marked as private.

[JadeModerator]

Glad to hear that. Cheers! 🙂

[Author]

Posts