Docs

[Simon]

Hi team,

I try to center my logo on top bar but i can’t.

With this :
img.frenchy-logo {
z-index:1;
display: block;
padding-left: auto;
padding-right: auto;

}

Also I ‘d like removed the white edging under the topbar.

Can you help me ?
Simon

[Simon]

This reply has been marked as private.

[Thai]

Hi There,

Please try with this CSS instead:

.x-topbar {
    min-height: 100px;
}

.x-topbar img.logo-frenchy {
    position: absolute;
    left: 50%;
    margin-left: -32px;    
}

Hope it helps 🙂

[Simon]

So fast ! 🙂 It’s work thanks.

Possible to make the topbar fixed like the menu ?

[Nabeel A]

Hi again,

Yes that is possible, try adding the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('header.masthead').next().css('margin-top', '200px');
});

and then add the following CSS code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

header.masthead {
    position: fixed !important;
    width: 100% !important;
    z-index: 99999 !important;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Simon]

Perfect Nabeel ! 🙂

Big thanks to the team.

Simon

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts