Topic: Left align logo, center align menu

Tagged: x

Author

Posts
February 23, 2017 at 3:50 am #1382632

dtective
Participant

Hi
I am using the Icon stack. I want to have the logo on the left corner, maybe about 50px away from the edge, and the menu on the same line but centered in the browser view.

How can I make these adjustment via CSS?

Thank you

February 23, 2017 at 3:56 am #1382637

dtective
Participant

This reply has been marked as private.

February 23, 2017 at 6:52 am #1382800
Paul R
Moderator
Hi,

You can add this under Custom > Edit Global CSS in the Customizer.
```
.x-navbar .x-container.max.width {
    width: 95% !important;
    max-width: 100%;
}

.masthead-inline .desktop .x-nav {
    display: block;
    float: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -0%);
}
```
With regards to jump to top, it will show up half way down when you scroll.

https://www.screencast.com/t/puzLnn7XqIA
March 16, 2017 at 12:57 pm #1409934

dtective
Participant

Hi
I have now added the cart icon. How can I make it so it is right aligned?
Also, how do I add a button for user login?
Thanks

March 16, 2017 at 2:00 pm #1410026

dtective
Participant

This reply has been marked as private.

March 16, 2017 at 9:37 pm #1410572

Rue Nel
Moderator

This reply has been marked as private.

March 24, 2017 at 4:46 pm #1419562

TytaniumDesign
Participant

I would love to know how this was right aligned as this is something I am considering as well:)

March 25, 2017 at 1:19 am #1419878

Rue Nel
Moderator

Hello There,

Thanks for updating this thread. The site on this thread is not using X that is why he has a different navbar setup. To assist you with your issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Hope to hear from you.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1382632 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>