MOVE LOGO LEFT, BURGER MENU RIGHT

Store Design
, , , , , , ,

Topic summary

A user seeks to reposition their Shopify store header elements: moving the logo to the left and the burger menu to the right, spanning full width on both mobile and desktop. They provided screenshots showing the current centered layout.

Proposed Solution:

  • Add custom CSS to the base.css file
  • Apply negative left margin (-11.25rem) to the .header__heading-link class
  • This targets the logo positioning

Status: The solution addresses only the logo repositioning. No guidance was provided yet for moving the burger menu to the right or ensuring full-width layout. The user has not confirmed whether the suggested CSS works or if additional adjustments are needed.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I’d like to move my logo left and the burger menu right full width on both mobile and desktop. my site is : https://eftfkw-vc.myshopify.com/

MOVE MIINT.png
MOVE MIINT.png597×1210 30.8 KB

MOVE.png
MOVE.png2449×650 38.8 KB

2

Hello there @Luxurymrkt try this process to shift the logo to the left and let me know if it works.

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.header__heading-link {

margin-left: -11.25rem !important;

}