[BusinessCompassParticipant]

This is the site we’re developing http://versame.hellocompass.org/

Client is requesting that the hero image be full bleed to top, so it would go under the nav bar.

Is this possible, and how would we do it?

Thanks!

[ThaiModerator]

Hey There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[BusinessCompassParticipant]

Ok, no problem, here is a screenshot of what we are looking for

[BusinessCompassParticipant]

Here it is

[John EzraMember]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.x-navbar-inner,
.x-navbar,
.x-navbar-wrap,
header.masthead.masthead-inline,
div#top {
    background-color: transparent;
}

.x-slider-container.below {
    margin-top: -71px;
}

.x-navbar {
    border-bottom: none;
    box-shadow: none;
}

Note: You will need to change the logo to have a transparent background.

Hope this helps – thanks!

[BusinessCompassParticipant]

There’s a reason you guys are among the top guys!

Thanks!!

[ChristopherModerator]

You’re welcome.

[ortonvillelivinghopeParticipant]

I would also like this, but when I put the code in it stays the same. Are there other settings I need to change? http://www.ortonvillechurch.com

[ortonvillelivinghopeParticipant]

I just tried integrity and it worked. Does it not work with renew?

[ortonvillelivinghopeParticipant]

Also, it doesn’t seem to work unless the header is fixed, is there a way to make it work when it is static?

[JadeModerator]

Hi there,

Is it just the white space above the slider that you want to get rid of? If so, kindly add this CSS in the customizer:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: auto;
}

Hope this helps/

[Author]

Posts