Stationary Main Pictures

[Terence Chase]

I am now seeing on a lot of web sites (102fraser.ca is our best example) where the video or picture being featured remains static while you scroll down. Is there a way of doing this with SKT White Pro?

[Sonl Sinha]

Hi,

Kindly show us your website URL?

Regards,
Brad

[Terence Chase]

Opps…sorry..

https://defenseintelligence.net

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.slider-main { position: fixed; z-index: 1; top:0;}
.header { margin-top:630px; z-index:2;}
.main-container { position:relative; z-index:2;}

@media screen and (max-width:1023px) {
.slider-main { position: relative !important; z-index: 1; top:0;}
.header { margin-top:0 !important; z-index:2;}
.main-container { position:relative; z-index:2;}
}

Regards,
Brad

[Terence Chase]

Work of art…thank you sir.

[Sonl Sinha]

Hi Terence,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/14/

Regards,
Brad

[Terence Chase]

There…best I could do on short notice.

Enjoy!

[Sonl Sinha]

🙂

[Terence Chase]

There now seems to be a glitch when scrolling down. I have tried it on two different browsers. When I get to the director message, it has a hick-up.

[Terence Chase]

This is what is currently residing in the custom CSS:

a.arrow-down{display:none !important;}
#slider .top-bar a.contact, .contact-banner a { font-size:18px !important; margin-top:60px !important; padding:10px 20px !important;}
#services-box { min-height:250px;}
#services-box .read-more { position:absolute; margin:0 auto; left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); bottom:30px; transition:all 0.5s ease-in-out 0s;}
#services-box:hover .read-more { bottom:40px;}
.slider-main { position: fixed; z-index: 1; top:0;}
.header { margin-top:890px; z-index:2;}
.main-container { position:relative; z-index:2;}

@media screen and (max-width:1023px) {
.slider-main { position: relative !important; z-index: 1; top:0;}
.header { margin-top:0 !important; z-index:2;}
.main-container { position:relative; z-index:2;}
}
.footer-col-3 h2 {font-weight: normal; font-size: 22px;}

[Sonl Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Brad

[Terence Chase]

If you go to defenseintelligence.net, you can see it for yourself. It isn’t anything that I can grab a screen shot of.

[Sonl Sinha]

Hi,

Issue resolved. Kindly check and confirm.

Regards,
Brad

[Terence Chase]

What was the problem?

[Sonl Sinha]

Hi,

Nothing, there was a problem of some css.

Regards,
Brad

[Author]

Posts