Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 21, 2014 at 5:22 pm #355312
    henningtillmann

    Hi there,

    I am using a full-width Slideshow with text in a frame on the right side. On a small display (e.g. smartphone) the text jumps to the left (< 768px). It is important that the text stays on the right side, since I use an image with a person on the left – she shouldn’t be covered with text.

    How can this be fixed?

    Thanks!

    Henning

    November 21, 2014 at 6:06 pm #355372
    Josue

    Hi Henning,

    Can you post the link to your website please?

    Regards,
    Josue

    November 21, 2014 at 7:17 pm #355443
    henningtillmann

    Hi Josue,

    at the moment, I can’t.

    But it’s easily reproducible:
    1. New Page
    2. Full width slideshow
    3. Add image and text/caption, selecht “right framed”
    4. Save
    5. Resize window, if < 768px text will stick to the left side.

    November 24, 2014 at 4:41 am #356454
    Ismael

    Hi!

    You can add this on QuickCSS:

    @media only screen and (max-width: 767px) and (min-width: 320px) {
.responsive #top .slideshow_caption .avia-caption-content {
font-size: 13px !important;
text-align: right;
}
}

    Cheers!
    Ismael

    November 24, 2014 at 12:34 pm #356690
    henningtillmann

    Ismael, thanks a lot! That works great for the caption, but the title stays on the left side. I’ve tried to use .avia-caption-title, but that doesn’t work?!

    November 27, 2014 at 2:21 am #358772
    Andy

    Hi!

    add this to Quick CSS as well:

    .avia_transform .av_slideshow_full .avia-caption-title {
text-align: right;
margin-right: 100px;
}

    Adjust number for margin-right to your needs.

    Best regards,
    Andy

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