Hi,
On the mobile version the content wont go top center.
on the web version it is correct but on mobile I cant fix it on top.
Can someone help me please?
Topic summary
A user is experiencing a layout issue where content won’t align to the top center on mobile devices, though it displays correctly on desktop.
Solution Provided:
- Add custom CSS code to the
theme.liquidfile before the</head>tag - The code targets mobile viewports using media queries to adjust positioning
Follow-up Adjustments:
- User requested to move content down slightly from the initial fix
- Solution was updated with modified pixel values to fine-tune vertical positioning
Current Status:
- Initially resolved, but a recent update reversed the changes
- User reports the original CSS code no longer works
- Issue remains unresolved and awaiting further assistance
The discussion includes screenshots showing the before/after states and code snippets demonstrating the CSS modifications needed.
Hi @Artez
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
1 Like
Woow! looks good, is it possible to take it down a little bit? where should I change px in orther to customise where I need it exatcly ?
Hi @Artez
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
1 Like
Looks great, thank your for your helpful answer dear.
1 Like
a last update cancelled the distance we created here.
I tried again to put the corde you wrote and it does not put it further, can you help me please?