How can I align menu items to the right on mobile view?

Topic summary

Goal: Align mobile menu items to the right on a Shopify store.

Key steps and outcome:

  • Store URL was shared to review the issue.
  • Instruction given to add a custom CSS snippet in theme.liquid near the closing HTML tags (above , or alternatively above at line ~309).
  • After placing the code, the mobile menu alignment appears fixed based on the user’s confirmation and the posted screenshot.

Technical context:

  • theme.liquid is the main layout file in Shopify themes.
  • and are HTML tags where global styles or scripts are often injected.

Recent development:

  • A new issue was raised: the cover image (poster/thumbnail) for a video is not displaying.
  • No solution or further guidance for the video cover image has been provided yet.

Status:

  • Mobile menu alignment issue resolved.
  • Video cover image issue remains open.

Notes:

  • Screenshots are central to understanding both the menu alignment result and the video cover image problem.
Summarized with AI on January 7. AI used: gpt-5.

hello, i would like to make the menu items aligned to the right when opening from the phone (from desktop it is ok), can someone share some addon for the custom css please?

Hi @Itamar2020 ,
Can you provide the store link?

1 Like

sure, silly me

store url https://26e068.myshopify.com/

Hey @Itamar2020

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

do not find the body tag

Hey @Itamar2020

You can add it above as well in line number 309

1 Like

thanks moeed

it seems to work now

can you also help me with the cover image by the way please?

for some reason it does not show to cover image on the video