Centering Menu Navigation (Middle) with Logo

[slui]

Hi,

I’m trying to center the menu navigation on the right with the logo so that it is centered in the middle. Can you please provide me the CSS to accomplish this? I had no luck in getting this to work. Thanks.

sl

[Mohammad – SUPPORT]

Hi,
Please create a screenshot mockup image to explain your desire change and attach here.
Thanks
Mohammad

[slui]

This reply has been marked as private.

[slui]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.header-right{
margin-top:20px !important;
}

Thanks
Mohammad

[slui]

Thanks. You can close this thread.

[Kyle – SUPPORT]

No problem

[devciccarelli]

Hi there!
I am having the same issue. I recently purchased your theme for a client since I liked it on my site. However, the client wants the logo centered with navigation below the logo and centered also. Here is the idea she’s interested in replicating: http://kendrascott.com/. The site is not yet live as I am building it out now so I do not have a screen shot to show. I also tried using this code and did not have any luck. Can you assist?

Thanks!

[Mohammad – SUPPORT]

Hi,

@devciccarelli – Please live your website first after that i can check and give you custom css to resolve the issue.
Thanks
Mohammad

[Kyle – SUPPORT]

Hi

That layout is not available with Dante, however it may be possible to hack one of the current headers to make it similar. But I’d need to see your link to try out some css, let me know when it’s available

– Kyle

[devciccarelli]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

nav#main-navigation ul.menu {
  text-align: center;
}

– KYle

[devciccarelli]

Thanks Kyle. That piece of code centered the navigation perfectly.

Is there anyway to move the divider yellow line to underneath the navigation? The yellow line is also very close to the nav. Is it possible to add some space between the divider and the nav?

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Sure, add this:

#header-section #main-nav {
  border-bottom: 1px solid #e8c504;
  padding-bottom: 7px;
  border-top: 0;
}

– Kyle

[devciccarelli]

Wow, you guys are awesome. Last question for this thread, I promise :).

Is there anyway to make that yellow line the same width as the content? Right now it extends past the images and looks a little too wide.

Sorry to be a pain, and I appreciate all of your help!

Attachments:

You must be logged in to view attached files.