Stretching the nav menu

Support
#1

Hello, I am using Ubermenu on a new site that I am building and I want to stretch it full length without losing the inner container. Can you please provide me with some custom CSS to achieve this?

My site URL is http://aztecdemo.gallagherbd.com/

Also, the current custom CSS I am using is:
.x-navbar-inner .x-container.max.width {
max-width: 100%;
width: 100%;
}

You can see that it stretches the menu bar but also pulls the logo and top menu items to the edges.

#2

Hello,

Your site’s currently no available. Please check.

Please also provide at-least a sketch of what you want to achieve to give us an idea if it is possible with X using simple CSS.

Thanks.

#3

I apologize, I had the wrong demo sub domain set up. Below is the link:

http://fosnjdemo.gallagherbd.com/

#4

I sorted out my navbar issue but can you provide me code to put the logo back in position?

#5

Hello @gallagherBD,

Do you want to display the logo like this?

If that is the case, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar .x-brand.img {
    margin-left: 12%;
    margin-bottom: 20px;
}

Please let us know if this works out for you.

#6

Got the job done! Thanks!

#7

You’re welcome! :slight_smile:

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.