Voting on mobile devices

3 months 3 weeks ago #2324
Topic Author
Cameron Carey's Avatar
Posts: 10
Voting on mobile devices

Can you please tell me how to adjust the font and or button size that appears for voting on a mobile device.

For our site: irishdancing.com/index.php/contests/design-a-dress
The contest voting looks great, no matter how the window is sized, on a desktop. However on a mobile device, the voting button is overlapping and difficult to see and use. (Please see attachment.)

Attachments:
The topic has been locked.
3 months 3 weeks ago #2325
Dmitry's Avatar
Posts: 716
Voting on mobile devices

Hi Cameron.

It is Bootstrap rule for btn class - it is setting white-space: nowrap; rule for buttons. Changing it to white-space: normal; should help. So you should make this in your /templates/lt_news/css/default.css file of your template:

.nc-vote-button{white-space: normal;}

You should add it to @media (max-width: 767px). See the screenshots.

Dmitry


Like our extensions and support?
Add your voice to the JED listing with a 5-score review: bit.ly/2ciJBqC
Thanks!
Attachments:
The topic has been locked.
3 months 3 weeks ago #2326
Dmitry's Avatar
Posts: 716
Voting on mobile devices

BTW your template is based on BS3 - you can try to set "bootstrap3" theme in component options, it should help overall to look more pretty on mobile devices. Now you are using "bootstrap2".

Dmitry


Like our extensions and support?
Add your voice to the JED listing with a 5-score review: bit.ly/2ciJBqC
Thanks!
The topic has been locked.
3 months 3 weeks ago #2327
Topic Author
Cameron Carey's Avatar
Posts: 10
Voting on mobile devices

Thank you so much. Voting looks great now.
And thank you for suggestion on bootstrap (below). I will look into that as well.

The topic has been locked.

You can get our help: Monday - Friday / 09:00 to 17:00 (GMT+2). but not limited. Our staff will be pleased to provide Premium support to every paid subscriber asap, but sometimes you should be ready to wait for our reply for up to 3 days. In case of free extensions we do the best to develop and maintain them either, but their support is not necessary.

Product Latest Update

Follow us in social media