Hi, my mobile view footer is not aligned to the top and I tried some other codes but it didn’t fix it. Does anyone know how to fix it? Thanks in advance.
Topic summary
A user encountered alignment issues with their mobile footer, which wasn’t positioned at the top as intended.
Initial Solution:
- Another user provided CSS code to be added in the theme.liquid file below the
<head>tag - This fixed the alignment but created a new problem: the footer column became too narrow
Refinement Needed:
The original poster requested adjustments to:
- Widen the column width
- Place “Our Product” and “About OKRO” menu items on the same line
- Center-align the menu within the column
Final Resolution:
- Updated code was provided that successfully addressed all concerns
- The issue was resolved with the user confirming the solution worked flawlessly
Screenshots were shared throughout to illustrate the problems and verify fixes.
1 Like
Hey @cpu235 ,
Please try this and let me know if it works 
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
1 Like
Thanks for the code! It does work but now the column seems more narrow, is there a way to widen the column a bit so the “Our Product” and About ORKO" can be on the same line? Or align the menu to the middle of the column?
Thanks!
1 Like
Hey @cpu235 ,
You can remove the previous code and copy the following (old code attached to this also)
1 Like
Works flawlessly, thanks for taking the time and create this code!