Hi,
im looking to move the ENGLISH language button above the search bar on mobile.
my site is https://luxurymrkt.com
i want it to look like pic #2
Thank You | mike
Topic summary
A user seeks to reposition the language selector button above the search bar on their mobile site (luxurymrkt.com), providing a reference image showing the desired layout.
Proposed Solutions:
Three support representatives offered CSS-based solutions:
-
PageFly-Victor: Suggested adding CSS code to theme.liquid file within the
</body>tag using absolute positioning withtop: 30% -
GemPages: Recommended inserting CSS into assets/theme.css file with absolute positioning at
top: 190px -
iccagus: Proposed a simpler approach using
top: -110pxin the theme.css file
Current Status:
The user tested at least one solution but reported it caused the language button to overlap the search bar rather than positioning above it. The issue remains unresolved, with the user awaiting a working solution that achieves proper vertical spacing without overlap.
Hi @Luxurymrkt
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
@media screen and (max-width: 767px){ .language-translate-mobile { position: absolute; top: 30%; } }
Hope that my solution works for you.
Best regards,
Victor | PageFly
Hello @Luxurymrkt
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you.
-
Go to Online Store → Theme → Edit code.
-
Open your assets/theme.css theme file.
-
Add the code at the end of the file:
@media (max-width: 767px){
body .language-translate-mobile{
position: absolute;
top: 190px;
}
}
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Hi @Luxurymrkt ,
Try this simple approach:
- Go to your Online Store > Theme > Edit Code
- Go to file theme.css
- Paste this code at the bottom
.language-translate-mobile {
top: -110px;
}
Please let me know if it works.
Cheers!
