Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #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

    #1382637

    dtective
    Participant
    This reply has been marked as private.
    #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

    #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

    #1410026

    dtective
    Participant
    This reply has been marked as private.
    #1410572

    Rue Nel
    Moderator
    This reply has been marked as private.
    #1419562

    TytaniumDesign
    Participant

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

    #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.