Switcher is not showing properly for mobile

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Contributor Edson Galina Fortes

    (@glx77)

    2 years, 6 months ago

    Hi @montino ,

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

    Regards

    Thread Starter svtmontagna

    (@montino)

    2 years, 6 months ago

    Of course: abybike.it

    Thread Starter svtmontagna

    (@montino)

    2 years, 6 months ago

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

    Plugin Contributor Edson Galina Fortes

    (@glx77)

    2 years, 6 months ago

    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

    Thread Starter svtmontagna

    (@montino)

    2 years, 6 months ago

    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

    Thread Starter svtmontagna

    (@montino)

    2 years, 5 months ago

    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

    Plugin Contributor Edson Galina Fortes

    (@glx77)

    2 years, 5 months ago

    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

    Thread Starter svtmontagna

    (@montino)

    2 years, 5 months ago

    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.

    Thread Starter svtmontagna

    (@montino)

    2 years, 4 months ago

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

    Thread Starter svtmontagna

    (@montino)

    2 years, 4 months ago

    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.

    Plugin Contributor Edson Galina Fortes

    (@glx77)

    2 years, 4 months ago

    hi @montino ,

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

    Regards

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Switcher is not showing properly for mobile’ is closed to new replies.