Off Canvas cannot be clicked

  • Resolved chianchian0326

    (@chianchian0326)


    4 months ago

    image:https://iiil.io/Rrh7

    Web version – gtranslate is not placed on Off Canvas but it appears on it. How can I delete this error?
    Mobile version – There are two selectors appearing in the Off Canvas (one of which is wrong and the other is a shortcode). When clicked, the Canvas will be closed, resulting in the inability to select a translation. How can I make gtranslate display in the Canvas without closing it?

    This is additional Custom css I did for dropdown because I don’t want it to change my header height.
    They also work fine as I expected but just don’t fit off canvas.

    .gtranslate_wrapper {
    height: 40px;
    overflow: visible;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    }

    I was doing some testing of Custom CSS for Off Canvas and the above error occurred. I don’t know how to delete the extra components. Even restoring the original Custom CSS can’t solve it. I’m not a technical person and don’t know how to change the plug-in. file, I will only change some Custom CSS

    https://bhimgs.top/i/2024/07/19/iof0u1.jpg

    The layout of the login screen is also different from that of non-login. Please see the footer menu.
    I hope its parts don’t overlap.

    Or is there any way to reset the CSS without affecting my settings?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter chianchian0326

    (@chianchian0326)

    https://bhimgs.top/i/2024/07/19/iof0u1.jpg

    The layout of the login screen is also different from that of non-login. Please see the footer menu.
    I hope its parts don’t overlap.

    Or is there any way to reset the CSS without affecting my settings?

    Thread Starter chianchian0326

    (@chianchian0326)

    Hello, now the overlapping display problem has been solved
    Now there is only one question.
    Mobile version – When clicked, the Canvas will be closed, resulting in the inability to select a translation. How can I make gtranslate work in the Canvas without closing it?

    Plugin Author edo888

    (@edo888)

    Hi,

    I would recommend you to use Flags with language names widget look option in GTranslate settings page and add it into the menu using Show in menu option, which will render menu items and hopefully it will not conflict with your menu on-click behavior. Otherwise you have to check the js code which closes the menu on onclick event and make sure to add exclusion for clicks on the language selector.

    For desktop version you can use [gtranslate widget_look="dropdown_with_flags"] shortcode to display it.

    Thanks! ??

    Thread Starter chianchian0326

    (@chianchian0326)

    Hello,

    I tried using the Show in menu option but it didn’t show up on my menu.

    The problem only occurs when I use nice dropdown with flags. There is no problem with other appearances.Nice dropdown with flags suits my needs very well, I hope this problem can be corrected

    How do I check the js code which closes the menu on onclick event ?

    Thanks!?

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.