Okay
  Public Ticket #260803
Resize text slider on Mobile
Closed

Comments

  • Albert started the conversation
    August 7, 2014 at 1:21pm

    Hi everybody, i\\\'ve having a problem with the size of the slider text on mobile device.
    When i open my site with andoid, the text seems to be too small (see attachment)

    How can i set the size?
    Plus, how can i center my social icon only on mobile?

    Thank you for the great support!

    Cheers!

  •  8,839
    Tahir replied
    August 7, 2014 at 5:18pm

    Hey!

    PLease see FAQ: http://themenectar.ticksy.com/faq/2037 instead of 1000px in media query change to 480 of mobile. 

    Thanks

    ThemeNectar Support Team 

  •   Albert replied privately
  •  8,839
    Tahir replied
    August 8, 2014 at 6:07am

    Add this into the Custom CSS box located in your Salient Options panel :

    @media only screen and (max-width : 480px) {
    body .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 {
        font-size: 24px!important;
        line-height: 51px!important;
        margin-bottom: 6px;
        letter-spacing: -0.5px;
    }
    
    body .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content p {
        font-size: 15px!important;
        line-height: 20px!important;
        padding-bottom: 7px;
    }
    
    body .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content .button a {
        font-size: 15px!important;
        padding: 10px 10px !important;
    }
    
    
    body .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content {
        margin-top: 10px !important;
        top: 30px !important;
    }
}

    Cheers

    ThemeNectar Support Team 

  • Albert replied
    August 8, 2014 at 2:11pm

    Hey Tahir, it worked.

    Any help for the icon on mobile version?

    Thank you for the patience

  •  8,839
    Tahir replied
    August 8, 2014 at 4:46pm

    Add this into the Custom CSS box located in your Salient Options panel :

    @media only screen and (max-width : 690px) {
    
    #copyright .col.span_7.col_last {
        width: 145px !important;
        margin: 0 auto;
        float: none;
    }
    
    
    #copyright .col.span_5 {
        display: none !important;
    }
}


/* OR */


@media only screen and (max-width : 480px) {
    
    #copyright .col.span_7.col_last {
        width: 145px !important;
        margin: 0 auto;
        float: none;
    }
    
    
    #copyright .col.span_5 {
        display: none !important;
    }
}

    Cheers

    ThemeNectar Support Team