Moving the logo into the middle/center of the menu in Showcase theme

[doddyksw]

Hi. I would like to move my Logo in the header and have it centre aligned on Desktop and Mobile - just like this website: https://versedskin.com/.

My Website Address is Rare Forms.

Can you help?

[dbuglab]

HI @doddyksw

You have to change HTML for this in header.liquid

The have to use css for the style.

[David_SHT]

Hi @doddyksw

This is David at SalesHunterThemes.
To make the header as you want, it requires to change a lot of in theme code.
In this case you should contact with theme supporter or you need to hire an expert, they can help you make that function.

[Transcy]

Hello @doddyksw ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.scss.liquid file

Add this following code at the bottom of page

@media (max-width: 767px) {
  .your-logo-class {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}

Save and preview

Hope this can help.

Transcy

[Dan-From-Ryviu]

You can do that by adding this CSS code at the bottom of your styles.css file

.site-control.nav-inline-desktop .site-control__inner .logo { order: 2; }
.site-control.nav-inline-desktop .nav-right-side { order: 3; }

[Moeed]

Hey @doddyksw

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed