Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #406911

    Hi

    I tried to position the language switcher of the Enfold theme. I have already read some posts in this forum and had found some solutions with the flags. But now I want to align the Text version.

    Thats the code till now, but It’s not the solution. Phone and language switcher aren’t aligned correct.

    Any help is appreciated

    
    /** WPML no flags but DE, FR **/
    .language_code {
    display: block !important;
    text-transform: uppercase;
    }
    
    .language_flag img {
    display: none !important;
    }
    
    /** Flags WPML to the right **/
    
    .sub_menu {
    top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: right;
    margin-left: 30px;
    right: 15px;
    line-height: 30px;
    }
    
    .avia_wpml_language_switch {
    top: 0px;
    vertical-align: middle;
    }
    
    @media only screen and (max-width: 480px) {
    .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul { margin-left: 25px; }
    }
    
    #406982

    Ok, found the solution on my own. Was just tweaking the css.
    Here my solution if it helps someone else:

    /** WPML language switch to the right **/
    .sub_menu {
    float: right;
    }
    
    /** WPML no flags but DE, FR **/
    .language_flag img {
    display: none !important;
    }
    
    .language_code {
    display: block !important;
    text-transform: uppercase;
    }
    
    /** WPML alignment language switch text**/
    .avia_wpml_language_switch {
    top: 0px;    /** correct alignment **/
    padding-left: 30px;
    }
    
    #top ul.avia_wpml_language_switch li {
    margin-left: 10px !important;  /** gap to phone div **/
    }
    #407279

    Hey!

    glad it’s working now for you and thanks a lot for sharing your solution!

    Best regards,
    Andy

    #497326

    Hi
    I have a similar issue where the language switcher and the secondary sub-menu do not align horizontally.
    Can you please help me figure out which CSS element to modify?

    My website is here: http://impactcrescendo.com/

    Thank you
    Lyse

    #497335

    Hi!

    Please add following code to Quick CSS

    .menu-item-language img.iclflag {
        top: 2px;
        position: relative;
    }
    #header_meta .menu-item-language {
        top: -3px;
    }

    Regards,
    Yigit

    #497344

    Hi Yigit
    Perfect! Thank you again.
    Lyse

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold / WPML, language switcher position vertical align’ is closed to new replies.