Move Menu to the right in header

Store Design

Topic summary

A user is attempting to reposition their website’s header menu to the right side but has been unsuccessful with various CSS solutions tried so far.

Proposed Solutions:

  • One responder suggested a YouTube tutorial video explaining the repositioning process
  • Multiple users requested the store URL and password to provide customized assistance
  • After receiving credentials (palmettoletterpre ss.com), one user provided specific CSS code targeting .header__inline-menu with a margin-left: 72rem property to be added to the base.css file

Current Status:
The discussion remains unresolved. The user reported that the provided CSS code did not work—the menu remains positioned next to the logo rather than moving to the right as intended. The issue appears to require further troubleshooting or an alternative CSS approach.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hello! I am trying to get the menu in my header to move all the way to the right. I have tried every code that I have found and it is not working. If anyone has any ideas I would greatly appreciate the help.

1 Like
2

Hi there @WhenPigsFly If you haven’t yet tried watching videos in an attempt to figure this out for your store, I highly recommend that you watch this short video as it explains the process in a simple and direct manner https://m.youtube.com/watch?v=RiVfi7Gw6ZQ

I hope it works for you!

3

Hello @WhenPigsFly

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

4

Hi @WhenPigsFly ,

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

5

Hello, the url is palmettoletterpress.com and password is Cd19&0Q5CKnu

6

Hello @WhenPigsFly
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

@media screen and (min-width: 990px) {
.header--middle-left .header__inline-menu {
margin-left: 72rem !important;
}
}

result

33.png
33.png1366×358 319 KB

If this was helpful, hit the like button and accept the solution.
Thanks

7

I added that code, but it did not move the text over. It is still right next to the logo.