Hi,
The language bar on my website that appears on the header on my desktop preview won’t show on the header on mobile preview.
Can anyone help fix this?
Website: https://www.mylumibox.com
Topic summary
A user reports that their website’s language bar displays correctly in the desktop header but is missing from the mobile header view.
Troubleshooting suggestions provided:
- Check mobile-specific CSS rules that may hide the element (display: none or positioning issues)
- Review theme media queries targeting mobile viewports
- Verify element positioning to ensure it’s not pushed off-screen or behind other elements
- Inspect JavaScript for errors that might block visibility on mobile
- Use platform’s mobile layout editor to manually adjust visibility settings
Resolution: Another user clarified that the language bar is present on mobile—it appears at the bottom of the mobile menu when opened, rather than in the header itself. An accompanying screenshot confirms this placement.
1 Like
Hi @Lumi555 ,
It seems that the language bar isn’t showing in the mobile version of your website. This is likely related to the CSS or theme settings for mobile responsiveness.
First, you should check the mobile view CSS to ensure that the language bar is not hidden under any mobile-specific rules. Sometimes, elements are set to display: none or have incorrect positioning on mobile devices, which can cause them not to appear.
It’s also important to look at the theme’s media queries in the CSS. There could be a rule targeting mobile viewports that is hiding the language selector. Inspecting and adjusting this may solve the issue.
In addition, you should verify that the positioning of the language bar is correct for mobile. Sometimes, elements can be pushed off-screen or placed behind other elements in a mobile layout, which can make them invisible on smaller screens.
Another thing to check is the HTML and JavaScript. There may be JavaScript preventing the language bar from appearing on mobile. It’s a good idea to look for any errors that might be blocking its visibility.
Finally, if you’re using a platform like Shopify or any other website builder, you could test the mobile layout editor to see if you can manually adjust the visibility or positioning of the language selector.
Regards,
Hyelladi
Hello @Lumi555 when you open the menu in mobile you can see the language bar in the bottom
thank you 