Docs

[bryan1976]

This reply has been marked as private.

[Rad]

Hi there,

1. Please remove this CSS

@media (min-width:979px){

.home div#x-section-1 {
    margin-top: -90px !important;
}
}

2. Inspect your first section and set the padding to 0px, it’s currently set to 45px. When positioning, it’s very important to check padding when you’re trying to achieve no-space layout. Else, it may have different and unusual effect when the positioning takes place.

3. Since we removed that CSS, we need proper to negate the header height instead of negative margin. Please add this,

@media (min-width:979px){

.home .masthead {
    height: 0px;
}

}

Depending on the result of this, you may add additional changes if required.

Thanks!

[bryan1976]

This reply has been marked as private.

[bryan1976]

This reply has been marked as private.

[Rue Nel]

Hello There,

Your screenshots were not uploaded because it exceeded the file size limit. Please resize it using MS Paint or the image editor you have and upload it again.

Meanwhile, please try to clear your browser’s cache or use Private Browsing Mode and test your site again.

Please let us know how it goes.

[bryan1976]

This reply has been marked as private.

[Christopher]

Hi there,

Please add slider below masthead, you can do this under cornerstone settings tab. Then try following code :

@media (min-width:979px){
.x-slider-container.below{
margin-top:-90px;
}
}

Hope it helps.

[bryan1976]

Hi,

This is all 99% now thank you.

The last small problem is just that on an iPad mini, the breadcrumbs load OK at first, but as soon as you scroll down and then back up again, the breadcrumbs move behind the header wrap.

In portrait it is OK, but in landscape the problem occurs.

Any ideas? I want to retain the transparent header.

http://www.theaudiobarndev.co.uk/brands

Thanks,

Bryan

[Christopher]

Hi there,

Please add this too:

@media (max-width:1000px) and (min-width:979px){
a.x-brand.img {
    width: 22% !Important;
}
}

Hope it helps.

[bryan1976]

Hi,

Sorry this makes no difference.

I need this fix to apply to all pages except the homepage.

Thanks,

Bryan

[Rad]

Hi there,

Would you mind providing a screen recording of what you’re getting? Breadcrumb is not part of the navbar, hence, there is no fixed positioning and it will appear behind as you scroll. I don’t see the relation of that CSS from the breadcrumb, or maybe I’m just looking on different section.

Thanks!

[bryan1976]

This reply has been marked as private.

[Rue Nel]

Hello Bryan,

Thank is because you have added this code in the customizer;

body:not(.home) header.masthead {
  min-height: 91px !important;
}

Please have it updated and use this instead:

body:not(.home) header.masthead {
  height: 0 !important;
}

Hope this helps. Kindly let us know.

[bryan1976]

Hi,

This made no difference.

I need the height of 91px for all the websites pages except .home .about and .contact – all of these need the revolution slider to appear behind the header, like happens with .home

Please see attached 2 photos:

1) .home working perfectly
2) .about with a gap at the top where the rev slider is pushed downwards.

Thanks for your help,

Bryan

[Rad]

Hi there,

Please replace that CSS with this one.

.masthead, .x-navbar-inner {
min-height: 91px;
}

.home .masthead, .page-id-39 .masthead, .page-id-41 .masthead{
height: 0px;
}

Hope this helps.

[Author]

Posts