How can I move my Menu Nav Bar pop up from the left to right?

Please, I need help to move my Menu navigation bar from popping up on the left to popping up on the right since I moved my menu icon to the right. Thank you.

In CSS on the menu search for:

left:0;

transform: transition(…);

Something similar should be in browser’s developer console.

Replace left, on right; play with values inside transition parentheses.

Hi @esmoent

  • Go to Online Store → Theme → Edit code.
  • Find the file assets/base.css and paste the code below at the bottom of the file.
.halo-sidebar.halo-sidebar-left {
right: 0;
transform: translate3d(150%,0,0);
left:unset
}

Thank you Devcoders, your solution works perfectly.

Hi @esmoent

Great to hear that the issue has been resolved! If my assistance was helpful, please consider liking and accepting the solution. Feel free to reach out if you have any further questions.