Switcher is not showing properly for mobile

Hi @montino ,

hope you’re fine ?Do you have an url of your website where I can see the problem ?

Regards

Of course: abybike.it

I guess this is a theme problem. I’m trying to contact support theme

Hi @montino, you’re right, it’s a thme problem.
The problem seem to be that a :before pseudo element is missing onto the span
to fix it you can add this css :
`.menu-item-weglot span.open_child_menu:before {
font-family: “fontello”;
content: “”;
}

If it not works, you may content the theme support

Don’t hesitate if you have any question ??

Regards

Hi,
I already tried that css code, but unfortunately didn’t work. I’ll try to keep in touch with them and post here the solution. Thanks

Hi,
theme support won’t help me because they don’t guarantee compatibility with 3d plugins. Can you please help me? I’m trying to fix it, but I can’t find a solution.

Website: https://www.abybike.it/

In case you don’t remember the problem:
Languages switcher shows a blank space instead of that little “arrow” on mobile menu.

Screenshot: https://ibb.co/7pByr1t

Hi @montino ,

I think the problem come from a conflict between the design of the theme and our design

Can you try this (on a test environment because I can’t test it on your website)

1- remove the weglot switcher from the mobile menu and set up the filter (on a dev car env to be tested)

add_filter( 'wp_nav_menu_items',  'weglot_after_menu' );
 function weglot_after_menu( $items ) {
    $button = weglot_get_button_selector_html( '' );
    $items .= $button;
    return $items;
}

2- otherwise make an image with the arrow and add in css in the background to bypass the conflict with the pseudo element

Don’t hesitate if you have any question

Best

Hello,
I tried to add that filter and that’s what I get: https://ibb.co/Mf7QX7S

Furthermore, I tried to edit my css in order to add a static image (that should be two images up arrow and down arrow) but I’m unable to select the right class or id and I go through many bugs or glitches.

Hello,
I’m still trying to fix this problem without success. I tried to contact theme support again.

Hello,
theme support fixed the problem, here’s the solution:

html .weglot-parent-menu-item > a:after {
    color: #fff;
    position: absolute;
    right: 8px;
    top: 0px;
    font-family: "fontello";
    content: "";
}

Thanks for your help.

hi @montino ,

glad to hear that ??
Thanks for the code it should help us ??

Regards