My website is TuneToyz.com and on mobile the cart the logo and he menu are not in a straight line is there a way I can adjust it so that it is. Thanks for your help.
Topic summary
Mobile header elements (cart, logo, menu) are misaligned on TuneToyz.com when viewed on mobile. The goal is to place them in a single straight line.
Proposed fix: The helper instructed editing Shopify’s theme.liquid (Online Store → Theme → Edit code) and inserting custom code above the closing tag to adjust the header layout. Screenshots were provided to show the expected aligned result. (Exact code not visible in the transcript.)
Issue after first attempt: The menu stopped working once the initial code was added.
Latest update: The helper supplied a revised snippet to replace the original, aiming to restore menu functionality while maintaining alignment. (Exact code not visible.)
Notes: Images/screenshots are central to understanding the visual problem and the proposed outcome. theme.liquid is the main theme template file; is the end of the HTML head section where CSS/JS can be injected.
Status: Unconfirmed resolution. Awaiting the original poster’s feedback on whether the revised code fixes the menu and alignment.
Hi @TuneToyz ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above tag:
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
1 Like
Hi @TuneToyz , Pls replace old code to this new code:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you