Home › Forums › All Other Themes › Disco Dancer – Front Page Slider Link & Button on mobile
- This topic has 8 replies, 2 voices, and was last updated 7 years, 2 months ago by Sonl Sinha.
-
AuthorPosts
-
July 18, 2017 at 6:32 am #78502
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
July 18, 2017 at 11:03 am #78534Hi,
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,
ChrisJuly 18, 2017 at 4:16 pm #78565Thank 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
July 18, 2017 at 4:19 pm #78566Ooops 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.
July 19, 2017 at 5:38 am #78602Hi,
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,
ChrisJuly 20, 2017 at 7:03 pm #78839Thanks 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
July 21, 2017 at 5:26 am #78857Hi,
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,
ChrisJuly 21, 2017 at 5:45 am #78860thanks, I’ll try that
July 21, 2017 at 5:50 am #78864Okay
-
AuthorPosts
- You must be logged in to reply to this topic.