Disco Dancer – Front Page Slider Link & Button on mobile

Home Forums All Other Themes Disco Dancer – Front Page Slider Link & Button on mobile

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #78502
    Stephen DanceyStephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    For the Front Page Slider in Disco Dancer theme, when it displays on mobile/phone is it possible to include the Slide Link and Slide Button?

    My website: danceystudios.com

    thank you

    #78534
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30586
    • Total: 30586
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:767px) {
    .slidebtn { display:block !important;}
    }

    Regards,
    Chris

    #78565
    Stephen DanceyStephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    Thank you Chris, that worked.

    Now to control the size of the border, I tried adding this

    .slidebtn a { padding:2px !important; font-size:12px !important;}

    It worked ok in the wordpress preview but has no effect on our mobile devices. Is there a better way?

    Thanks

    #78566
    Stephen DanceyStephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    Ooops ignore previous message, it’s working now.

    Is there a way to make the border adapt to the size of the text rather than the full width of the screen?

    Thank you.

    #78602
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30586
    • Total: 30586
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .theme-default .nivoSlider a { display: table !important; padding: 5px 20px !important;}
    }

    Regards,
    Chris

    #78839
    Stephen DanceyStephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    Thanks Chris, that works pretty good – but I notice an unusual side effect, it creates an additional > right navigation button on the slider.

    I tested it on iphone & galaxy and on both devices the navigation buttons look like this: < > >

    Let me know if you see the same thing happening on your end: www.danceystudios.com

    Thanks again for your help

    #78857
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30586
    • Total: 30586
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .theme-default a.nivo-prevNav { background-position:23px 0 !important; padding:0 !important; box-sizing:border-box !important;}
    .nivo-controlNav { bottom:10px !important;}
    }

    Regards,
    Chris

    #78860
    Stephen DanceyStephen Dancey
    Member
    • Topics: 8
    • Replies: 18
    • Total: 26
    Member since: December 23, 2016

    thanks, I’ll try that

    #78864
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30586
    • Total: 30586
    Member since: August 16, 2013

    Okay

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.