Comments Darrell started the conversationJune 20, 2015 at 3:09pmHi,i'm trying to adjust the position of the Slider header text to bring it up a little to be closer to the top.I've use the follwing code but nothing seems to be working....@media only screen and (max-width : 1000px) { body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content h2 { font-size: 24px!important; line-height: 51px!important; margin-bottom: 40px!important; letter-spacing: -0.5px;}ThanksDarrell repliedJune 22, 2015 at 2:24pmAnybody? 9,007Tahir repliedJune 23, 2015 at 3:01pmHey ,I noticed you using Revolution Slider. Thanks ThemeNectar Support Team Darrell repliedJune 23, 2015 at 3:13pmRevolution slider on the home page and nectar on the portfolio pages.Darrell repliedJune 24, 2015 at 1:24amplease help 9,007Tahir repliedJune 24, 2015 at 3:26pmHey ,Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :.parallax_slider_outer.first-section .swiper-slide .content { margin-top: -100px !important; }Thanks ThemeNectar Support Team Darrell repliedJune 24, 2015 at 4:44pmThat works for desktop but it goes off the screen on mobile. Is there code for mobile screen size?Thanks. 9,007Tahir repliedJune 24, 2015 at 5:18pmHey Again,Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :@media only screen and (max-width:760px){ .parallax_slider_outer.first-section .swiper-slide .content { margin-top: -100px !important; } }Simply wrap the code in a media query for screens widths .Thanks ThemeNectar Support Team Darrell repliedJune 24, 2015 at 5:36pmThanks Tahir - That\'s perfect ;)So can i use this statement for everything?@media only screen and (max-width:760px) 9,007Tahir repliedJune 25, 2015 at 2:36pmYesThanks ThemeNectar Support Team Sign in to reply ...
Hi,
i'm trying to adjust the position of the Slider header text to bring it up a little to be closer to the top.
I've use the follwing code but nothing seems to be working....
@media only screen and (max-width : 1000px) {
body #ajax-content-wrap .nectar-slider-wrap div.swiper-slide .content h2 {
font-size: 24px!important;
line-height: 51px!important;
margin-bottom: 40px!important;
letter-spacing: -0.5px;
}
Thanks
Anybody?
Hey ,
I noticed you using Revolution Slider.
Thanks
ThemeNectar Support Team
Revolution slider on the home page and nectar on the portfolio pages.
please help
Hey ,
.parallax_slider_outer.first-section .swiper-slide .content { margin-top: -100px !important; }
Thanks
ThemeNectar Support Team
That works for desktop but it goes off the screen on mobile. Is there code for mobile screen size?
Thanks.
Hey Again,
@media only screen and (max-width:760px){ .parallax_slider_outer.first-section .swiper-slide .content { margin-top: -100px !important; } }
Simply wrap the code in a media query for screens widths .
Thanks
ThemeNectar Support Team
Thanks Tahir - That\'s perfect ;)
So can i use this statement for everything?
@media only screen and (max-width:760px)
Yes
Thanks
ThemeNectar Support Team