How do i center my logo in the header for mobile

I cannot centre the logo in the header. my store is rockojewellery.com

THE THEME IS DEBUT

Please could someone help. i cant find any help for this issue

Hi @jagomanning ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for the 1 solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :


Hope my answer will help you.

Best regards,

Victor | PageFly

Hi thank you for the fast response. and your idea worked but I would like the menu to be on the left of the header. is this possible?

The menu icon I mean

You can remove my code in previous answer and try again with my code below if you want like this:

PageFlyVictor_0-1679600871922.png


Thank you. this has fixed the issue on the home page but doesn’t look right on the product page

Sorry about that, you can try again with this code below:


Hi, thank you so much for the help but unfortunately, that didn’t work either

Sorry, you can please try again with this:


Hi, that didn’t seem to do anything. Do I need to add every bit of code you have provided?

please delete all the code that i gave in the previous answers and just add the below code just before the tag in theme.liquid


Thank you so much! I’ve been trying to get that to work for 3 years now lol.

ur a genius

I’m glad to hear that it can help you. Have a nice day :blush: