Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 14, 2014 at 11:59 am #237540
    Rustybucket

    I’m using the image slider with a single image so I can display text on top of it on our portfolio pages but when viewed in portrait on my Nexus 7 or portrait and landscape on the iPhone the text in the banner is not scaling and becomes almost unreadable.

    Here is a link to our development site where you can see this happening – http://gd3.geneticdigital.co.uk/?portfolio=university-hospital-southampton

    Thanks

    March 14, 2014 at 2:52 pm #237643
    Rustybucket

    Hey Yigit, I can see you’re busy on the form but seem to have missed my post?
    Cheers

    March 14, 2014 at 3:02 pm #237649
    Yigit

    Hey!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 767px) {
.avia-slideshow .avia-caption .avia-caption-title { font-size: 18px; padding: 2px; }}
@media only screen and (max-width: 480px) { 
.avia-caption { padding: 0; bottom: 3px; }}

    Best regards,
    Yigit

    March 14, 2014 at 3:20 pm #237668
    Rustybucket

    Thanks for this, it now works correctly in the Nexus in portrait and in the iPhone in landscape but not in portrait :) Can you amend the so that works too.
    Thanks

    March 14, 2014 at 3:29 pm #237678
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
.avia-caption .avia-caption-content p { 
padding: 2px; }}

    I only see the issue when screen size is smaller than 480px, so this should fix it

    Best regards,
    Yigit

    March 14, 2014 at 3:31 pm #237681
    Rustybucket

    Perfect thank you :)

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Responsive bug on image slider text’ is closed to new replies.