[Support request] WPML language switcher in new line

Home Forums Support [Support request] WPML language switcher in new line

Home Forums Support WPML language switcher in new line

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #1673182
    Łukasz

    Hello
    I want to change menu style of language switcher. Actually language switcher is on the end of MENU ITEMS but I would like to display it on the new line just below of MENU ITEM.
    Look at the attached pictures. Is it possible using GeneratePress Theme?
    language switcher desired display

    Inproper position of language switcher

    #1673315
    Elvin
    Staff
    Customer Support

    Hi there,

    Can you link us to the site in question? So we could check for the CSS selectors for the CSS writeup to achieve the desired layout.

    You can use the private information text field to provide the site details. Thank you.

    A wise man once said:
    "Have you cleared your cache?"

    #1673416
    Łukasz

    I have sent details in private part of m REPLY.

    #1673496
    David
    Staff
    Customer Support

    Hi there

    did you resolve the issue ? When i visit the site the language switcher is on the same line as the Cart. Let me know.

    #1673501
    Łukasz

    No, they are not resolved.
    Click on Polish flag to change language and You will se issue. THe same when You add something to cart. There is also issue again.
    Unfortuately with english language and cart empty it seems everythong looks properly:)

    #1673512
    David
    Staff
    Customer Support

    Tricky one – you can try some CSS like this:

    html[lang="pl-PL"] .main-navigation .main-nav>ul {
      max-width: 700px;
    }
    
    html[lang="pl-PL"] .nav-float-right #site-navigation {
      margin-left: 10px;
    }

    It will limit the width of just the navigation on the Polish site to 700px which will force the menu items to wrap on larger screens.

    #1673534
    Łukasz

    I have Add it to:

    Appearance -> Theme Customisation -> Additional CSS

    but it does not work. It does not resolved my problem.

    #1673584
    David
    Staff
    Customer Support

    You have some broken CSS in Customizer > Additional CSS. This line:

    .woocommerce-cart .return-to-shop { display: none !important; };

    Remove the ; after the } so it looks like this:

    .woocommerce-cart .return-to-shop { display: none !important; }

    #1673624
    Łukasz

    I have repaired it with your description but it still does not works.
    Look at site and You will see flags when you change to polish are sill after MENU ITEMS, not belowed.

    #1673888
    David
    Staff
    Customer Support

    It’s working for me:

    2021-02-26_15-08-41

    Maybe your browser cache needs clearing.

    #1673941
    Łukasz

    Strange, but for me there is no change and it does not display flags properly.
    Now I have tested it on Chrome – it was first run on chrome so it is clean with no cache.
    Look at screenshot:

    #1673947
    Łukasz

    And screenshot from wordpress admin:

    #1673962
    David
    Staff
    Customer Support

    Try reducing the max-width: 700px; property to a smaller number to see it changes.

    Also check it on the front end – not in the Customizer.

    #1674026
    Łukasz

    I have reduced to 690px and now it looks properly.

    THX

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