Docs

[bryan1976]

Hi,

I am using safari on mac. But it’s the same result on Chrome and Firefox.

Please look at this page here: http://theaudiobarndev.co.uk/product/rega-brio-r-integrated-amplifier/

The revolution slider is not behind the header as it is on other pages. The header is is rgba (0.0.0.0.5) so the slider should be visible behind it. Look at the home page to see the effect.

Thanks,

Bryan

[Rad]

Hi there,

I checked the coding and the slider appears to be within masthead code, is this custom coding?

For the meantime, please add this CSS as well,

.single-product.postid-465 .x-navbar-wrap {
height: 0px;
}

Hope this helps.

[bryan1976]

This reply has been marked as private.

[Joao]

Hi Bryan,

Use this code instead:

.single-product .x-navbar-wrap {
  height: 0px;
}

Hope that helps

Joao

[bryan1976]

Hi,

I tried this and it doesn’t work.

The following CSS was suggested by your support to resolve another issue..is this where the problem here lies?

It was this:

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

I have left both code in the custom CSS for you to see this working.

Thanks,

Bryan

[Rue Nel]

Hey Bryan,

Thanks for the updates! Please find this block of code:

.single-product .x-navbar-wrap {
  height: 0px;
}

You need to update it and make use of this code instead:

body.single-product.x-navbar-fixed-top-active .x-navbar-wrap {
  height: 0px;
}

We would loved to know if this has work for you. Thank you.

[bryan1976]

Hello,

This worked perfectly thank you!

Finally, how can I limit the height of the slider on these pages only, to be a max height of 217px? The original image is being stretched as it has been uploaded at a size of 1200 x 217px.

I use sliders on other pages that I need to fit screen as they are currently, so I need to target just this slider.

Cheers,

Bryan

[bryan1976]

Sorry I found an earlier post which helped.

Thanks,

Bryan

[Rupok]

I am glad that you are all set, Bryan! Have a nice day!

[bryan1976]

This reply has been marked as private.

[Rad]

Hi there,

It’s because of the topbar, compare it’s how positioned on those pages to the product page.

Edit those pages and add this CSS to cornerstone’s custom CSS (not customizer).

.topbar {
display: none;
}

Thanks.

[bryan1976]

Hello,

Thanks for this but I’m sorry I am very confused.

Please can you explain.

Where should I enter this CSS? I have tried entering in Appearance>Customize>Custom>Edit Global CSS is this wrong? It made no difference.

Or do I edit Cornerstone itself somehow???

Thanks,

Bryan

[Rue Nel]

Hello Bryan,

Thanks for the updates. I have logged in to your site and went ahead to resolve this issue. I added this css instead:

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

I also re arranged your custom css. Please keep in mind that @media blocks should be at the bottom of all other css codes.
If you need anything else we can help you with, don’t hesitate to open another thread.

Best Regards.

[Author]

Posts