Ubermenu formatting

[Web_Services]

My site is: http://newsite.parallelworks.com

I am migrating my original site (parallelworks.com) to X. I am trying to recreate the main navigation menu using Ubermenu and needed help with two things:

1. I wanted to attach the website’s logo (attached below) in the center of the nav bar and have it lead to the home page when clicked. In the same way as is done on the original site’s home page (parallelworks.com)

(note: the image doesn’t show since it is white on a white background)

2. I wanted the blue of the navbar to extend and cover all the white that is currently around the nav bar.

How can I do this?

[Prasant]

Hello @Web_Services,

Thanks for writing in!

To add logo into center of navigation menu in UberMenu please take a look at following documentation and scroll down to Centering a Logo section:

Adding a logo | UberMenu 3 Knowledgebase

@Web_Services

I wanted the blue of the navbar to extend and cover all the white that is currently around the nav bar.

Please add following CSS under X > Theme Options > CSS:

.x-navbar {
    background-color: #0e3a5e; /* change background color */
    border-bottom: 0; /* remove white gap between navigation and banner */
 }

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.