Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 29, 2016 at 6:25 am #574329
    bloodyamazing

    Hi there – I’m using the full width slider, but it unfortunately looks quite bad in mobile – as it squeezes the text together in an unflattering way.

    Is there a way to increase the space above and below the text within the full screen slider only for mobile?

    January 30, 2016 at 3:45 am #574892
    Elliott

    Hey bloodyamazing!

    Add this to your custom CSS.

    @media screen and (max-width: 500px) {
.responsive #top .slideshow_caption .slideshow_align_caption h2.avia-caption-title {
    font-size: 12px !important;
}
}

    Regards,
    Elliott

    January 30, 2016 at 5:03 pm #575026
    bloodyamazing

    thanks, but that code just reduced the title font – it didnt make the space above bigger – but it does look like the space below is bigger.

    Can you please help me increase the sze above the text as well? Thank you!

    Rand

    February 1, 2016 at 3:57 am #575505
    Elliott

    Hey!

    If you make the space above bigger then you’ll need to reduce the font size. There is just not enough space there.

    You can use this CSS to add some space above the title.

    @media screen and (max-width: 500px) {
    .responsive #top .slideshow_caption .slideshow_align_caption h2.avia-caption-title {
    font-size: 12px !important;
    margin-top: 10px !important;
    }
    }`

    Regards,
    Elliott

    February 1, 2016 at 7:11 am #575578
    bloodyamazing

    ok I see, there is no way to force the overall space to be larger so that the text can fit comfortably in the middle?

    February 1, 2016 at 9:13 am #575649
    bloodyamazing

    Hi there,

    I’ve gone and changed the header style to a color section instead. It looks better, but now it’s a bit too big in mobile. Is there a way to reduce the top and bottom margins in mobile only for color sections?

    February 2, 2016 at 4:02 am #576208
    Elliott

    Hi!

    Add this.

    @media screen and (max-width: 767px) {
#av_section_1 main { padding: 0px !important; }
}

    Best regards,
    Elliott

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