CSS of language switcher in menu

Support
#1

Hello. I’m trying to control the position of the language flag in my main menu (seen in desktop size, top right of main menu) but I cant seem to budge it. I have tried the code below in the custom CSS, with and without -en

I basically want to line it up better

.x-navbar .x-nav li#menu-item-11154-en a {
xxx:xxx ;
}

#2

Hi there,

Please use this following CSS code

.lang-item img {
    max-width: 50%;
}

Let us know how it goes.

Thanks.

#3

Hum, does not seem to effect anything there?

#4

Hello there,

I do not see the code on your site. Did you purge all cache after adding this?

If you can, please add your site’s login information on a secure note, so that we can check.

Thanks.

#5

Ok, I just put it at the top of my Custom CSS and it seems to have worked - but I dont really want it smaller, I want to float it and position the whole thing

#6

Hi there,

You can still do that, please enhance that CSS to this with your preferred top and left positioning

.lang-item img {
    max-width: 50%;
    position: relative;
    left: -20px;
    top: -10px;
}

Hope this helps.

#7

Aha, perfect. Many thanks

#8

You’re welcome :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.