How can I relocate the language button to the top of my webpage?

Technical Q&A

Topic summary

A user seeks help moving a language selector button from the bottom to the top of their Shopify website (momentstayz.com.au). Visual references show the desired repositioning.

Proposed Solution:
A PageFly representative provides custom CSS and JavaScript code to be inserted into the theme.liquid file before the closing tag. The code uses absolute positioning to relocate the language form element within the header.

Important Limitations:

  • The solution only works for tablet and laptop viewports (not mobile)
  • Code includes media queries for responsive adjustments

Follow-up Issue:
Another user reports the code doesn’t work on their DAWN theme (version 7.0). The PageFly representative requests the URL to provide an updated code solution, suggesting theme compatibility may require adjustments.

Status: Ongoing - awaiting URL to troubleshoot the DAWN theme implementation.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

My URL is www.momentstayz.com.au

how to move language button from buttom to top?

From Picture1 to picture 2

cecilia_jin111_0-1668043510455.png
cecilia_jin111_0-1668043510455.png1508×454 11.2 KB

cecilia_jin111_1-1668043579786.png
cecilia_jin111_1-1668043579786.png1435×425 29.3 KB

thanks

cecilia

2

Hi @ Cecilia_jin111

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

  • Go to Online Store->Theme->Edit code theme.liquid paste my code before element
header localization-form{ position:absolute; bottom:16px; right:10% } @media (max-width:1024px){ header localization-form{ bottom:0; right:0 } header h2.caption-large.text-body{display:none !important} } } window.onload=()=>{ if(window.innerWidth>767){ $('header').append($('localization-form')) } } ![Screen Shot 2022-11-10 at 09.18.29.png|2192x1598](upload://mqS2bAh0lMuviMxmgMC9ftgQ4gG.png) ![PageFlyVictor_0-1668047536261.png|2832x1264](upload://2halsNszTGozSDZn9REUJee1jDi.jpeg) ![PageFlyVictor_1-1668047548989.png|756x1014](upload://4UzdUrOkrlSMRdBMkOMsK7QChOw.png) (note it only work for tablet and laptop) Hope my solution works perfectly for you! Best regards, PageFly
3

Hello PageFly.

I tried this and it doesn’t work. Im using DAWN theme as well. Is it because im using version7.0?

Thank you

4

Hi @olys ,

Please give me the URL again and after that, I will give you the code to update, Thanks