Slider on iPhones

  • I love the theme, but am disappointed in the presentation of the homepage slider images and text on the iPhone when held vertically. With the latest update of Customizr through WP, the IMAGE is now superimposed over the text and its background, making the text illegible.

    Is there a fix for this? Ideally the semi-transparent text background and the text itself would be superimposed on the image.

    Also, is there a way to make the images in the slider “clickable” — ie, to link to content deeper in the site? (At present, only the ‘button’ is clickable.)

    thanks

    site: https://www.musicinsideout.org

Viewing 8 replies - 1 through 8 (of 8 total)

  • Seems to be a small bug in the 3.0.9 code (I haven’t upgraded yet). Tell me if

    @media (max-width: 480px) {
  .carousel-caption {
      position: relative;
  }
}

    works in your Custom CSS.

    Thread Starter seancollins

    (@seancollins)

    Thanks. Yes, it fixes the order in which items are superimposed. The text is now on top, then the semi-transparent background, then the photo underneath.

    @nikeo a bug needs correcting in the next release.

    3.0.8 resolves the .carousel-caption to have a position: relative at <480px

    Although there was previously a .carousel-caption declaration of position: static in the @media (max-width: 480px) query (at line 6796)–in the bootstrap-generated code–, it was being overridden by the more general position: relative declaration at line 7595–in your code.

    3.0.9 resolves down to a position: static at <480px , as there is no override this time.

    This needs correcting to position: relativein the @media (max-width: 480px) query. Otherwise you get no caption at < 480px.

    sorry, the code doesn’t work for me. the header bg creeps over the text, and becomes fairly wide too.

    the header bg creeps over the text, and becomes fairly wide too.

    That’s normal behaviour ??

    The code above fixes the problem where the caption text doesn’t show at all on phones.

    The problem you are having is due to the way the theme behaves when there is too much text on the slider. The workaround is either to reduce the text, or work with a media query to further reduce the size of the text (but it’s pretty small already on a mobile…).

    sorry to ask a dumb question, but where should we add this code to? I’m having this problem too.
    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Add it to your “Custom CSS” part of the dashboard.

    This is now fixed in 3.0.10

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Slider on iPhones’ is closed to new replies.