Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 6, 2015 at 11:05 am #406911
    jbvisualworks

    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; }
}
    March 6, 2015 at 2:32 pm #406982
    jbvisualworks

    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 **/
}
    March 6, 2015 at 9:24 pm #407279
    Andy

    Hey!

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

    Best regards,
    Andy

    September 2, 2015 at 6:43 pm #497326
    tremblayly

    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

    September 2, 2015 at 7:21 pm #497335
    Yigit

    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

    September 2, 2015 at 7:37 pm #497344
    tremblayly

    Hi Yigit
    Perfect! Thank you again.
    Lyse

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