Docs

[Marco]

Hi, I want to switch to Icon and have exact the same header (Desktop and Mobile) like The Curated Travel.
Is that possible? Thx in advanced!

site url: magazine ibiza . com
Current stack: Ethos
Latest version of X and Cornerstone

[Paul R]

Hi Marco,

Yes, you can switch to icon then add this in Custom > Css in the customizer.

.home .x-navbar {
    border-bottom: 0;
    box-shadow: none;
    background-color: transparent;
    position: fixed;
    width: 100%;
    top: 0;
    transition: 0.3s all ease-in-out;
}

.home .x-navbar.x-navbar-fixed-top {
    border-bottom: 1px solid #ccc;
    background-color: rgba(255,255,255,0.9);
}

Hope that helps.

[Marco]

Hi,
Thx for the code but on the Curated travel the navbar-text is white and navbar fixed it is black?
And is it possible to have an image/slider UNDERNEATH the navbar?

Thx!

[Nico]

Hi There,

Would you mind sharing us your URL again so we could check your setup. I have tried the given URL above however I believe that it is not the right URL

Thanks.

[Marco]

Hi Nico, Yes that’s correct. At the moment I’m developing local but the dev. environment is not accessible via internet.
I’m working on it. Get back to you as soon as possible.

Thx! Greetz

[Friech]

Sure thing, and if you would not mind please provide us a screenshot of your header design.

Thank you.

[Marco]

This reply has been marked as private.

[Joao]

Hi There,

dev.brownmountain.design does not work.

Would you mind clarifying what you mean it?

Thanks

Joao

[Marco]

This reply has been marked as private.

[Jade]

Hi Marco,

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

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

.x-navbar .desktop .x-nav > li > a {
    color: #fff;
}

.x-navbar.x-navbar-fixed-top .desktop .x-nav>li>a>span {
    color: #000;
}

Hope this helps.

[Marco]

Top, Top, Top! Thx!

[Jade]

You’re most welcome Marco.

[Marco]

Hello Jade,

Just one more question.
Is it possible to change the logo image in the fixed menu from white to dark?
See images attached. Thxin advanced!

[Marco]

And is it possible to have the transparent header (with white text) ONLY on the homepage? Thx 🙂

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> JavaScript :

jQuery(document).ready(function($){
	$(window).scroll(function(){
		if ($(this).scrollTop() > 50) {
			$('.x-brand.img img').attr("src","http://dev.brownmountain.design/wp-content/uploads/2013/07/Emporium_2013_Area7_Hardstyle_XXlerator_decor_design.jpg");
		} else {
			$('.x-brand.img img').attr("src","//dev.brownmountain.design/wp-content/uploads/2016/09/BrownMountain_icon_YT.png");
		}
	});
});

Please find this code :

.x-navbar .desktop .x-nav > li > a {
    color: #fff;
}

And update it to :

.home .x-navbar .desktop .x-nav > li > a {
    color: #fff;
}

Hope it helps.

[Author]

Posts