Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 7, 2016 at 11:02 pm #594638
    dominiquehurley

    Hi – I just discovered a responsive tester site and tried it with mine http://youresponsive.com/device?url=dominiquehurley.com

    I see that the text box inside the slider doesn’t reduce in font enough to fit the whole caption in the box in many of the smaller phones.
    https://www.dropbox.com/s/i1rai2q47buof8g/Screen%20Shot%202016-03-07%20at%205.27.23%20PM.png?dl=0

    And testimonials way down the page on the horizontal ipad cut the 2 columns into 1.25.
    Any advice? Thanks.

    March 10, 2016 at 9:56 am #596178
    Ismael

    Hi dominiquehurley!

    Thank you for using Enfold.

    You can either hide the caption on mobile or decrease the font size. Try this:

    @media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {
    font-size: 10px!important;
}
}

    If you want to remove it completely, use this:

    @media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {
    display: none !important;
}
}

    Regards,
    Ismael

    March 10, 2016 at 11:21 am #596214
    dominiquehurley

    Hi Ismael, I put in the code to reduce the font size, but it didn’t change. Those words are my key marketing / targeting messages so I’d like to keep them. Do you have another code line that may work better? Thank you.

    March 10, 2016 at 11:43 am #596225
    Basilis

    Hey!

    The code Ismael provided is for hiding it.
    If you want to change the size, you need to to convert it

    @media only screen and (max-width: 767px) {
    .responsive #top .slideshow_caption h2 {
    font-size: 10px !important;
    }
    }

    let me know if you need anything else

    Regards,
    Basilis

    March 10, 2016 at 11:49 am #596230
    dominiquehurley

    Hi- that’s the code I used in Ismael’s first part of the message – he provided 2 options. I cut and pasted yours just in case but there are no changes. I’ve changed to cloud hosting – does that slow down changes I would see because the info is cached all over? Hmmm…

    March 10, 2016 at 3:27 pm #596312
    dominiquehurley

    Good news – further to message above, a few hours later it had changed on yourresponsive.com . The font has shrunk and it’s now responsive on most of them, but not the Android portrait. The textbox is very narrow and so my sentences aren’t all there. See sreenshot https://www.dropbox.com/s/ur28lwx7seapfl2/Screen%20Shot%202016-03-10%20at%209.53.53%20AM.png?dl=0

    Not sure if there’s anything we can do about that.

    Are there other non-responsive items in Enfold that I should be checking? That need extra code?

    Thanks again.

    March 15, 2016 at 10:58 pm #598663
    Andy

    Hey!

    I don’t get the same result when checking your website on my mobile device. It seems totally fine to me. Which device are you using?

    Best regards,
    Andy

    March 15, 2016 at 11:00 pm #598667
    dominiquehurley

    It’s on this website – 3rd device down – the Android portrait
    http://youresponsive.com/device?url=dominiquehurley.com
    Thanks.

    March 18, 2016 at 5:14 pm #600418
    Andy

    Hey!

    well, this is for very old devices only, which are not supported anymore. Newer devices are working as expected.

    Cheers!
    Andy

    March 18, 2016 at 5:17 pm #600420
    dominiquehurley

    Great. Thanks. Resolved.

    March 18, 2016 at 5:21 pm #600427
    Andy

    Hi!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘slider not completely responsive’ is closed to new replies.