[Support request] Language switcher floating right of the navigation

Home Forums Support [Support request] Language switcher floating right of the navigation

Home Forums Support Language switcher floating right of the navigation

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

    Hello, I want know if I can achieve this:

    Place an wpml language switcher floating right of the navigation.

    I have set the header inner width to full-width and I want to have the navigation cantered on the content and floating on the right the language switcher.

    It’s something as you can see in this image here:

    Menu with language switcher floating right

    Thanks

    #2014397
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    @media(min-width: 1000px) {
        .main-navigation,
        .main-navigation .main-nav {
            flex: 1;
        }
        .main-navigation .main-nav>ul > li:first-child,
        .main-navigation .main-nav>ul > li:last-child {
            margin-left: auto;
        }
    }

    You will need to adjust the 1000px for the @media breakpoint to suit your needs.

    #2014823
    colillasb

    It’s working like a charm,

    Thank you David!

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