[Resolved] menu drop down bar can not see on mobile device

[hing lee]

Hi Tom,

I try to make a multi language website and create a menu for language, when i try to see on my phone, the language menu bar I can not see the drop down menu, only I can see the drop down menu on the desktop computer, what happen? let me know. thank you very much

[Tom]

Hi there,

Those language pickers are menu items, so they’re inside the mobile menu if you open it.

We could try adding them to the mobile bar itself, but I’m not sure there will be room. Which plugin are you using to make your site multi-language?

[hing lee]

I am using google translate plugin but using short code to make a menu bar, menu bar drop down only can do on desktop not mobile phone

[Tom]

So it’s a shortcode? If so, you can try:

1. Create a Hook Element: https://docs.generatepress.com/article/hooks-element-overview/
2. Set the hook to inside_navigation
3. Check the “Execute Shortcodes” option
4. In the Hook content, add the shortcode, do this:

<div class="mobile-bar-items">
    [your_shortcode_here]
</div>

Then set the Display Rules and you should be good to go 🙂

[hing lee]

Hi Tom,

I try your way, it seems like not working, I dont think it is shortcode effect this problem, if so, why I can drop down the menu on desktop site not on mobile site, might be i should create a page menu using page, but i want to keep the flag logo on the menu, do you know how to make a flag logo on the menu bar. thank you

[Tom]

The dropdown won’t automatically apply to the mobile bar, unfortunately. We need to manually add it.

Is the Hook Element still active on your site? I’m not seeing it in the HTML.

[hing lee]

Hi Tom,

I finally I use another way to do this translate, it works for me, I just create a menu page, it works very well, you can see it. thank you for your support, I have another thing, how can I remove the woo commerce check out at the bottom, it show the weight, how can i remove it, i dont want to show to customer this weight. thank you

[Leo]

Can you open a new topic for the new question as it’s not related at all?

Thanks 🙂

[hing lee]

Hi Tom,

I am using google translate to my website, and it works well, unfortunately it did not translate very well for woocommerce, i am trying to using Loco translate plugin to string the language, but translate site did not work, it go back google translate style, any suggestions. thanks

[Leo]

Please open a new topic for the separate question regarding to translation.

Thanks!

[Author]

Posts