Okay
  Public Ticket #462079
Adjusting Nectar slider text
Closed

Comments

  • Darrell started the conversation
    June 20, 2015 at 3:09pm

    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

  • Darrell replied
    June 22, 2015 at 2:24pm

    Anybody?

  •  8,851
    Tahir replied
    June 23, 2015 at 3:01pm

    Hey ,

    I noticed you using Revolution Slider.

    Thanks

    ThemeNectar Support Team 

  • Darrell replied
    June 23, 2015 at 3:13pm

    Revolution slider on the home page and nectar on the portfolio pages.

  • Darrell replied
    June 24, 2015 at 1:24am

    please help

  •  8,851
    Tahir replied
    June 24, 2015 at 3:26pm

    Hey ,

    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 replied
    June 24, 2015 at 4:44pm

    That works for desktop but it goes off the screen on mobile. Is there code for mobile screen size?

    Thanks.

  •  8,851
    Tahir replied
    June 24, 2015 at 5:18pm

    Hey 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 replied
    June 24, 2015 at 5:36pm

    Thanks Tahir - That\'s perfect ;)

    So can i use this statement for everything?

    @media only screen and (max-width:760px)
  •  8,851
    Tahir replied
    June 25, 2015 at 2:36pm

    Yes

    Thanks

    ThemeNectar Support Team