Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1327728
    brendanduggan11
    Participant

    Hello I would like change the navbar from the first example to the second example. To have the items more centered.

    Thank You

    #1327768
    Joao
    Moderator

    Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

    #1328850
    brendanduggan11
    Participant

    Ok, Right now the logo is left justified and the menu items are right justified. I would like the logo left justified along with the menu items to be center justified like they are when I am in the word press customizer (like in ex 2 attachment) as opposed to the example 3 attachment.

    Thank you

    attachments from my first post

    http://www.sunshinesalsatours.com

    #1328884
    brendanduggan11
    Participant

    Let me try to add to that for clarification:

    Upon entering the website I would like the menu center justified on the website with only the menu items (no logo)…. Then upon scrolling down the the page, the menu eases into a solid background with the logo appearing (easing in as well) to the left of the center justified menu items. sorry I cant find an example online.

    So far I have the transparent Navbar but the menu items are to the right so I need to center them.

    And, keep them center when it eases into the solid fixed bar.

    #1329072
    Joao
    Moderator

    Hi There,

    Please try adding the following code to Appereance | Customizer | Custom | CSS

    @media(min-width: 1200px) {
    .masthead-inline .desktop .x-nav {
        margin-right: 20%;
    }}

    Hope it helps

    Joao

    #1329146
    brendanduggan11
    Participant

    Thank you, that worked really slick

    #1329212
    Joao
    Moderator

    Glad to hear it 🙂

    Joao

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