Centering Menu Navigation (Middle) with Logo

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 19 replies, 4 voices, and was last updated 8 years by Kyle – SUPPORT.

Viewing 15 posts - 1 through 15 (of 20 total)

1 2 →

Back to forum

Posted in: Dante
May 28, 2015 at 5:47 pm #179296

slui
Member

Post count: 56

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

May 29, 2015 at 6:56 am #179404

Mohammad – SUPPORT
Moderator

Post count: 27441

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

May 29, 2015 at 10:51 am #179525

slui
Member

Post count: 56

This reply has been marked as private.

May 29, 2015 at 10:52 am #179528

slui
Member

Post count: 56

This reply has been marked as private.

May 29, 2015 at 12:38 pm #179610
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please use this custom css code:-
```
.header-right{
margin-top:20px !important;
}
```
Thanks
Mohammad
May 29, 2015 at 1:52 pm #179659

slui
Member

Post count: 56

Thanks. You can close this thread.

May 29, 2015 at 2:12 pm #179672

Kyle – SUPPORT
Moderator

Post count: 35880

No problem

June 27, 2015 at 5:08 pm #189320

devciccarelli
Member

Post count: 24

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!

June 29, 2015 at 9:06 am #189581

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,

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

June 29, 2015 at 9:07 am #189582

Kyle – SUPPORT
Moderator

Post count: 35880

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

June 29, 2015 at 3:22 pm #189797

devciccarelli
Member

Post count: 24

This reply has been marked as private.

June 30, 2015 at 9:24 am #190033
Kyle – SUPPORT
Moderator

Post count: 35880
Add this to your custom css:
```
nav#main-navigation ul.menu {
  text-align: center;
}
```
– KYle
June 30, 2015 at 2:22 pm #190203

devciccarelli
Member

Post count: 24

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.

June 30, 2015 at 2:24 pm #190206
Kyle – SUPPORT
Moderator

Post count: 35880
Sure, add this:
```
#header-section #main-nav {
  border-bottom: 1px solid #e8c504;
  padding-bottom: 7px;
  border-top: 0;
}
```
– Kyle
June 30, 2015 at 2:32 pm #190212

devciccarelli
Member

Post count: 24

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.
Back to forum

Posted in: Dante