Before you ask please READ THIS

Change "text opener" conditions for appearing

in Photon Posts: 8
Hello, I would like to change the conditions (I mean pixel resolution) when the "text opener" appears . I want it to set to appear just on really small screens, because mainly I want to show the text.
text opener.png
323 x 481 - 191K
text opener 2.png
325 x 482 - 195K

Comments

  • AirAir
    Posts: 10,970
    Hello :-)

    Try using such custom CSS:

    @media only screen and (max-width: 768px) {

    .slide-caption h2.title,
    .slide-caption .description{
    display: block;
    }
    .texts-opener{
    display: none;
    }
    }
    With kind regards.
  • edited June 2016 Posts: 8
    This works perfect, thank you. But how to avoid overlaping text with symbols? On bigger screen the sentence is broken after some words.
    text 1.png
    322 x 483 - 278K
    text 2.png
    984 x 686 - 909K
    Post edited by Sani on
  • AirAir
    Posts: 10,970
    You can try to add such custom CSS for this:

    @media only screen and (max-width: 768px) {
    .slide-caption {
    max-width: 45%;
    }
    }
    With kind regards.
  • Posts: 8
    works
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion