Docs

[GenerocityChurch]

Hi,
So i seem to have an issue with The mobile menu in the Church Demo theme.

http://generocitychurch.com.au/

The extra code i have (in cornerstone custom css) is:

.x-navbar, .x-navbar .sub-menu, .x-logobar {
    background-color: transparent !important;
}

@media (min-width:  0px) {
	.home .x-slider-container {margin-top: -200px;}
}

This is so it gets pushed over the slider and is transparent… Which works great except for when you press the hamburger menu. It pushes down the slider and makes a white block.

Is there anything i can do from stopping this from happening? (or a better way to do the menu i guess)?

Appreciate the help.

James

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (max-width:979px){
.x-navbar-wrap {
    height: 90px;
}
}

Hope that helps.

[GenerocityChurch]

Wow cool! thanks for that.

As a rule is it better to put code in the standard customize section or the cornerstone customize section?

Cheers!

[Paul R]

Hi,

This code needs to be in Appearance > Customize > Custom > Edit Global CSS.

If you need it to affect only one specific page then you need to add in Cornerstone > Settings > Custom CSS

Thanks

[Author]

Posts