Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • October 21, 2015 at 2:09 pm #522310
    Paco Ortiz

    I’m having problems with slideshow`s text

    The responsive doesn’t work on the phone

    In tablet does work

    Look at the image

    https://drive.google.com/file/d/0B3HtQ5pdoBbVUWpPaDgzdGFyMFE/view?usp=sharing

    responsive phone

    Thanks for your attention

    • This topic was modified 9 years, 1 month ago by Paco Ortiz.
    October 21, 2015 at 8:17 pm #522494
    Elliott

    Hey fortiz15!

    It looks the same to me. Are you trying to have the text split on two lines on all screen sizes?

    Cheers!
    Elliott

    October 21, 2015 at 11:53 pm #522611
    Paco Ortiz

    Hi Elliot,

    Thanks for your fast answer!!

    I’d like the text to be displayed on a single line watching wide screens and on two in narrows (smartphones) 

    In the picture you can see the tablet in an upright position and text split into two lines.

    When the tablet is horizontal, the text is displayed in a single line. All right.

    The problem is with phone’s screen, vertical and horizontal. Responsive doesn’t work with text.

    Almost the text is smaller than pc and tablet and when I change px’s size the text doesn’t change on phone but It do on pc and tablet.

    I remember last week I had not this problem.

    I think it’ve happened after changing the slideshow’s image yesterday…

    Best regards
    F. Ortiz

    October 22, 2015 at 7:06 am #522747
    Dake

    Hey!

    If you provide us with a link to your website we can create an appropriate media query for the slideshow text on a vertical smart phone screen.

    Cheers!
    Dake

    October 22, 2015 at 3:29 pm #523042
    Paco Ortiz

    Hello Dake

    My website is in development now (maintance mode). I’ve disconnected it for your request.

    http://ortiz-solutions.com/

    Please let me know when you need no longer access it.

    Thank you very much for your attention.

    Cheers!
    Paco

    October 23, 2015 at 7:11 am #523482
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (min-width: 768px) and (max-width: 1120px) {
.home .slideshow_align_caption h2.avia-caption-title {
  font-size:75px !important;
}
}

    Best regards,
    Rikard

    October 23, 2015 at 4:48 pm #523973
    Paco Ortiz

    Thanks Rikard,

    Done.

    Doesn’t work :(

    October 26, 2015 at 5:56 am #524635
    Rikard

    Hi,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    October 26, 2015 at 1:47 pm #524847
    Paco Ortiz

    No problem.

    Cheers,

    Paco

    October 28, 2015 at 5:01 am #525883
    Rikard

    Hi,

    I got a 403 error when going to the WordPress login page, do you have any country/ip restrictions active?

    Thanks,
    Rikard

    October 29, 2015 at 7:40 pm #527099
    Paco Ortiz

    I have not activated any restriction.

    My hosting service has enabled the protection against cyber attacks from outside Spain.

    I contacted my hosting service and they ask for your ip address to allow access.

    Thanks

    October 30, 2015 at 5:57 pm #527595
    Yigit

    Hey!

    I get the same issue as Rikard. I am located in Lithuania. You can see where we are located here – http://kriesi.at/about

    Cheers!
    Yigit

    November 2, 2015 at 6:41 pm #528742
    Paco Ortiz

    My hosting service has unlocked access.
    Try again.

    Thanks
    Paco

    November 3, 2015 at 5:47 pm #529513
    Andy

    Hi!

    I think Rikard’s code should work, but you have uses W3 Total Cache plugin. Go into plugin’s setting and choose to switch off caching. Afterwards deactivate the plugin again and clear browser cache. Finally hard refresh a few times and check again.

    Best regards,
    Andy

    November 3, 2015 at 6:50 pm #529570
    Paco Ortiz

    I have installed W3 Total Cache plugin but has never been activated.

    When you say “clear browser cache”, you mean on smartphone browser or on the desktop?

    Cheers!
    Paco

    November 4, 2015 at 9:33 am #529805
    Rikard

    Hi Paco,

    Any browser you are viewing the page on should have cleared cache to make sure you are not getting an old version (cached), this is especially important on mobile devices.

    Thanks,
    Rikard

    November 4, 2015 at 11:54 am #529908
    Paco Ortiz

    I have cleared cache on smartphone and desktop browser and no changes.

    Cheers!
    Paco

    November 5, 2015 at 5:52 am #530520
    Rikard

    Hi,

    I verified that the CSS I gave you previously is working, could you post some screenshots of what the problems are and on what screen sizes please?

    Best regards,
    Rikard

    November 5, 2015 at 2:23 pm #530785
    Paco Ortiz

    You can see some screenshots here: https://drive.google.com/folderview?id=0B3HtQ5pdoBbVSDNROTZRTnJoMjA&usp=sharing

    I remember you my request, copy&paste from: https://kriesi.at/support/topic/problems-responsive-text-slideshow/#post-522611

    “I’d like the text to be displayed on a single line watching wide screens and on two in narrows (smartphones)
    (…)
    Almost the text is smaller than pc and tablet and when I change px’s size the text doesn’t change on phone but It do on pc and tablet.”

    Thanks
    Paco

    • This reply was modified 9 years ago by Paco Ortiz.
    November 6, 2015 at 4:59 pm #531535
    Andy

    Hey!

    this code Rikard provided to you is meant for tablet only: 

    @media only screen and (min-width: 768px) and (max-width: 1120px) {
.home .slideshow_align_caption h2.avia-caption-title {
  font-size:75px !important;
}
}

    Look at the media queries (first line of the code), which defines the screen size the code is made for. If you need this code for smartphone as well, then you need to change max-width and/or min-width value. For example something like this for iPhone:

    @media only screen and (max-width: 768px) {
.home .slideshow_align_caption h2.avia-caption-title {
  font-size:75px !important;
}
}

    For more information about media queries check this link: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Best regards,
    Andy

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.