[Resolved] secondary navigation right and left items

Home Forums Support secondary navigation right and left items

  • This topic has 5 replies, 2 voices, and was last updated 4 months ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1455130
    Daniele

    Hello,
    I would like to show some items on the left and other on the right in my secondary navigation.

    There’s any css that does the trick?

    thanks

    #1455186
    David
    Staff
    Customer Support

    Hi there,

    can you provide a link to your site so i can see the layout and what CSS would be required.

    #1455233
    Daniele

    Here it is:

    #1455306
    David
    Staff
    Customer Support

    Try this:

    .secondary-navigation ul {
        display: flex;
        /* Optional width setting */
        max-width: 1240px;
        margin: auto !important;
    }
    .secondary-navigation ul li:nth-child(2) {
        margin-left: auto;
    }

    I have added an optional width settings if you need them – this will contain the nav to the width of the content.

    This part of the CSS: nth-child(2) defines which menu items you want on the right.
    So in this example that would item 2 and 3.
    If you wanted to just move the 3rd item ( and any new items after it ( to the right your would change it to: nth-child(3)

    #1456409
    Daniele

    Thanks David,
    perfectly suit my needs

    #1456553
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.