How can I center my logo and navigation menu on Empire theme?

Store Design
1

I am using Empire theme and want to center my logo and navigation menu (I tried changing the px of the margin but then the logo kept changing places on different computers I was using). How can I center it?

Also how can I remove the space (padding) between my logo and announcement bar; and my logo and navigation menu. There’s a lot of blank space.

Website URL - https://www.temporary-url.com/C47D1

Thank you!

2

Hey @Diamond2 ,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.site-navigation .navmenu-depth-1{
width: 100%;
text-align: center;
}
@media screen and (min-width: 1024px) {
.site-header-main-content { margin-right: 0px !important}
}
@media screen and (max-width: 679px) {
.site-header-logo { margin: 0 auto }
}

Let me know if this works for you.

Thanks!

2 Likes
3

Hello @Diamond2 , change your with logo with this logo through theme customization. It will remove white space

logo (2).png
logo (2).png494×150 44.4 KB

If it is useful marks as like and accept solution

1 Like
4

@dmwwebartisan Hi thank you for your help. It looks like the logo is now centered, but the navigation menu is not. Anyway to fix this?

Thanks I really appreciate the help!

5

@Diamond2 ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss->paste below code at bottom of file
.site-navigation{
text-align:center;
}
ul.site-header-actions {
display:none !important;
}

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

2 Likes
6

@Wahab_Ahmad Thank you so much! Worked perfectly!!

7

I am using venture theme and tried using this solution but it didnt make a difference

8

Hello @dripbros , share store link?

9

HI,

I was using venture, but then switched to debut.
store link:
https://fkjbnc225sm2ucnu-48391848086.shopifypreview.com

10

Hi @Wahab_Ahmad

I hope you are well!

I use the theme Dawn and Can’t find theme.scss in the asset section. I would like to center logos in Logo list. Can you please help me ?

11

Hi @ImaneMak ,

Kinldy share store link with protected password.

12

I have the same problem. I want to show my logo and menu bar in a single line in my header. My theme is enterprise. https://homelifecompany.com/

13

Hi, I hope you’re well!

I’m also using Dawn, and can’t seem to find the theme.scss file. Do you mind giving me a hand please my friend?

Thanks :slightly_smiling_face:

14

Hi!

I tried this for the Charge shopify theme and it didn’t work. Your help will be greatly appreciated! :slightly_smiling_face: I need to center my logo and move header fully above logo rather than under