Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 10, 2020 at 4:11 pm #1266319
    cocoagroup

    Hello, I love your theme. I am using it with the WPML plugin.

    I am trying to move the language switcher to the white main header area, to the right of the logo, and I would like to do it with CSS. But I cannot find the way. Can you help me?
    I have tried with the shortcode option based on your documentation but the result was not good.

    Regards.

    December 11, 2020 at 9:33 am #1266486
    Rikard

    Hey Cocoa,

    Please try the following in Quick CSS under Enfold->General Styling:

    ul.avia_wpml_language_switch {
    position: absolute;
    left: 177px;
    top: 109px;
}

    Best regards,
    Rikard

    December 11, 2020 at 10:51 pm #1266680
    cocoagroup

    Thanks! It worked but I moved it a little more to the right.
    The problem now is that the switcher looks misplaced when the header turns sticky, is there a way to solve it?
    Also, do you know how to change the flags into language names (words)?

    Regards.

    December 14, 2020 at 9:20 am #1267047
    Nikko

    Hi cocoagroup,

    Add this CSS code to fix the sticky header:

    .header-scrolled ul.avia_wpml_language_switch {
    left: 200px;
    top: 46px;
}

    To switch flags to words, add this CSS code:

    #top .avia_wpml_language_switch li .language_flag {
    display: none;
}

#top .avia_wpml_language_switch li .language_native {
    display: block;
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.