Docs

[soriano]

Hi I would like to do the following with my logo, when I scroll down I would like the logo to shrink and stay floating aligned with the menu. is that possible?

my temp web is http://temp.calgaryprohoto.com

[Prasant Rai]

Hello There,

Thanks for writing in!

I am getting following message upon visiting your website.

This site can’t be reached

temp.calgaryprohoto.com’s server DNS address could not be found.

Request you to please confirm again?

Thanks.

[soriano]

my bad, the page is http://temp.calgaryprophoto.com

[soriano]

What is want is what every single theme has, the sticky menu when you scroll down. There is not too much freedom with the logo.

[Jade]

Hi there,

Please go to Appearance > Customize > Header > Navbar Position : Fixed Top then add this code in the customizer:

.x-navbar-fixed-top .x-brand img {
    width: 150px;
}

Hope this helps.

[soriano]

The is not what I want, sort of but when you scroll down the logo is still in the way, on top of the content. Can I make insert it on the menu even if I have to make the menu wider and the logo smaller.

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

.x-navbar-fixed-top .x-brand img {
	margin-top: -40px;
    max-width: 6%;
}
.x-navbar-fixed-top .x-navbar-inner {
	min-height: 80px;
}

However with the orientation of the logo, it’ll become too small when we try to fit it on the navbar.

If you don’t want the look of the navbar with extra height, you can omit the second block:

.x-navbar-fixed-top .x-navbar-inner {
	min-height: 80px;
}

Thanks.

[Author]

Posts