Want to center the logos between menus on prestige theme

Store Design
, , , , , , ,
1

shivam_0-1720168605580.png
shivam_0-1720168605580.png1362×142 11.2 KB

like this

2

Hello, @shivam
center the logo between menus in the Prestige theme on Shopify, you will need to modify the theme’s HTML and CSS

Go to the Shopify Admin Panel:

  • Navigate to Online Store > Themes.
  • Find the Prestige theme and click on Actions > Edit Code.

Find the Header File:

  • Look for the header file, usually named header.liquid or something similar, under Sections
  • Edit the Header Structure:

​

Add CSS for Centering

.header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-left, .header-right {
  display: flex;
  flex: 1;
  justify-content: flex-start;
}

.header-right {
  justify-content: flex-end;
}

.header-center {
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
}

.header-center img {
  max-width: 100%; /* Adjust the logo size as needed */
  height: auto;
}

Save the changes you made in the Shopify theme editor.