Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 23, 2016 at 7:34 pm #652699
    goosedigital1

    Hi there, I’m having a mobile responsive issue. When the homepage banner is full-width, it looks excellent. When it starts getting to smaller sizes, the text starts getting cut off.

    banner text getting cut off

    June 28, 2016 at 3:01 am #654025
    Ismael

    Hey goosedigital1,

    Thank you for using Enfold.

    We can either hide the caption or adjust the font size on smaller screens. Add something like this in the Quick CSS field:

    @media only screen and (max-width: 989px) {
.avia_transform .av_slideshow_full .avia-caption-title {
    font-size: 1em;
}

.avia_transform .av_slideshow_full .active-slide .avia-caption-content {
    font-size: 12px;
}

.slideshow_caption .slideshow_inner_caption {
    top: -40px;
}
}

    Best regards,
    Ismael

    August 22, 2016 at 6:38 pm #675937
    goosedigital1

    Hi team,

    We used the code provided, which helped to make the banner a little bit more friendly.
    No matter how little text we put in there, it’s still being cut off on the top, though. Ideally we’d like to just increase the height of the banner – is there a way to do this?

    There’s a little yellow section under the banner that is very tall on mobile – far too much padding, and the button is on the top-right instead of the bottom. We’re trying to make that section narrower as well, but with no success. And switch the position of the button and text. You’ll see what I mean when you take a look at the site on mobile.

    Thanks for the help!

    August 25, 2016 at 5:31 am #677329
    Ismael

    Hi,

    If you increase the minimum width of the slider image, it will automatically adjust the height making more room or space for the captions. Insert this css code inside the css media query above.

    .av_slideshow_full li img {
    min-width: 1200px;
    margin-left: -150px;
}

    Best regards,
    Ismael

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