Disco Dancer – Front Page Slider Link & Button on mobile

[Stephen Dancey]

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

[Sonl Sinha]

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

[Stephen Dancey]

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

[Stephen Dancey]

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.

[Sonl Sinha]

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

[Stephen Dancey]

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

[Sonl Sinha]

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

[Stephen Dancey]

thanks, I’ll try that

[Sonl Sinha]

Okay

[Author]

Posts