Revolution slider extending below browser page and Header Widgets

[jamie2364]

Hi,

My Revolution slider is extending below the browser window the same height as the navigation bar at the top. I am assuming it adjusts the the height of the browser window, but the Nav Bar is pushing it down too far. I want to ‘tuck’ the slider in behind the navbar so that it all fits neatly in the browser window.

Also, I want to have social icons displayed to the left of the navbar. I know how to do it now by putting it in a widget area in the header, but to see the icons, you need to press the + button. I want them to be visible straight away.

My website is jamieharrisonmusic.com

Thanks a lot for any help,
Jamie

[jade]

Hi Jamie,

Please go to the Slider Settings and you will see the option Increase/Decrease Fullscreen Height (Optional) and add .masthead

Hope this helps.

[jamie2364]

Thanks for your reply! This worked perfectly, but now, in the mobile version, there is a white bar above the slider and below the navbar - can you advise how to get rid of this in the mobile version?

Thanks,
Jamie

[jamie2364]

I meant to upload a picture of the ‘white bar’. Here it is:

[Joao]

Hi There,

Please add the following code to Theme Options Custom CSS

@media (max-width: 979px) {
body.x-navbar-fixed-top-active .x-navbar-wrap {

    height: inherit !important;
}}

Hope it helps

[jamie2364]

I tried that, and although it does work to get rid of the bar that was there, it adds some kind of glitch. Sometimes the slider doesn’t fit the full screen and there’s a white space at the bottom now, and then sometimes when I click the bottom scroll anchor it scrolls too far down and ‘music’ is right at the very top of the page with no gap and it doens’t look good. What d you think?

[rad]

Hi there,

Please change the CSS to this

@media (max-width: 979px) {
body.x-navbar-fixed-top-active .x-navbar-wrap {

    height: inherit !important;
    min-height: 52px !important;

}}

Thanks!