Premium Theme Support › Anariel Design › Tuned Balloon

Record Player Widget Not Responsive

  • Author
    Posts
  • #52913

    chrisandthemuse
    Member

    Hi,

    I’m wondering why the record player widget is not responsive on Mobile or tablet. The word MUSIC gets cut off when viewed on other devices. Is there a fix for this?

    Here’s the blog I need help with.

    chrisparkermusician.com

    Thanks,
    Chris

    The blog I need help with is chrisparkermusician.com.

    #53126

    anarieldesign
    Theme Author

    Hi,

    thanks for using this theme. I checked your website on mobile and tablet and the circle looks fine.
    Which device did you use?

    Cheers,
    Ana

    #53137

    chrisandthemuse
    Member

    Hi,

    I’ve checked it on both an iphone 5s and Ipad mini. Here’s a screenshot from my phone. I uploaded a screenshot from my phone to my site. Here’s the link:

    https://chrisparkermusician.files.wordpress.com/2014/06/photo.png

    I’ve checked on friend’s phones as well. Same result.

    #53165

    anarieldesign
    Theme Author

    Hi,
    I’ll check this out tomorrow and will write u back.

    Till soon,
    Ana

    #53166

    anarieldesign
    Theme Author

    Also one thing can be, if you changed the font than the word Music can be longer because of it.

    #53167

    anarieldesign
    Theme Author

    You can make the font for the word music smaller for mobile devices

    #53184

    chrisandthemuse
    Member

    Hi,

    Yes, I’ve tried every font that the theme comes with and every one cuts off the C of Music on my mobile.

    Thanks for your help.

    Chris

    #53203

    anarieldesign
    Theme Author

    Hi Chris,

    i tested the example from the demo and the word Music is looking fine on mobiles. Also i checked again your website and yours is looking also fine. I am using Samsung Windows phone. Maybe if you need for smaller sizes you can use this inside the Custom CSS:

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px){
a.circlelink {
font-size: 18px;
}
}

    This will reduce the font size on the mobiles.

    Cheers,
    Ana

  • Author
    Posts

The topic ‘Record Player Widget Not Responsive’ is closed to new replies.