Superfly Menu Logo Centered

Support
#1

Hi There,

I’m using the renew stack and used Superfly as the menu but I want my logo to be centered. I’ve uploaded the logo under superfly’s identity tab but It only displays it when you click on the menu. Here’s a sample of what I’m trying to achieve: https://snag.gy/5iSmBH.jpg

Is there another way to achieve this?

Thanks!

#2

Hi there,

Would you mind providing the URL to your site so that we can check it and provide you with some suggestions?

Thank you.

#3

Hi There,

Here’s the access to the website.

#4

Hi there,

With that setup, I recommend having a header and add your logo in stacked layout. Example, go to Theme Options > Header > LOGO AND NAVIGATION > Layout and set it to stacked. Then upload your logo, then set your header height to zero.

Thanks!

#5

Hi there!

Can you let me know how to make the header height zero? I’ve looked everywhere and tried to change it but it doesn’t seem to work.

Thank you,

#6

Hi there,

Please try adding this to your custom CSS:

.masthead.masthead-stacked {
    position: absolute;
    width: 100%;
    top: 0;
}

.x-nav-wrap.desktop {
    display: none;
}

.x-logobar {
    background: transparent;
}
#7

Thanks Jade!

That worked out well.

:slight_smile:

#8

You’re more than welcome, glad we could help.

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.