Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 30, 2014 at 10:51 pm #285438
    Angiec13

    Hi- site in private area below. I have an a background on a color section that is not resizing when you go down to an ipad (portrait) and smaller. It is text that I need for people to be able to read.

    It’s the navy section right below the large main slider image. I would like that text to sit directly above the “get it” button at that screen size.

    It’s possible I need to load a smaller image? If so, I can do that, but your recommendation is helpful.

    I started with this, but am not sure where to go from there–
    @media only screen and (min-width: 768px) {
    #home-email {
    margin-left: 0px;
    }
    }

    Thanks!
    Angie

    July 1, 2014 at 1:35 am #285489
    Ismael

    Hey Angiec13!

    Thank you for using the theme.

    Why did you add the text as image? Have you tried using the Promobox element?

    Best regards,
    Ismael

    July 1, 2014 at 3:48 am #285524
    Angiec13
    This reply has been marked as private.
    July 1, 2014 at 6:28 am #285576
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .av_promobox .avia-button, .av_promobox .avia-button-wrap {
    width: 30% !important;
    float: right !important;
    top: 14px !important;
}
.av_promobox .avia-promocontent {
    width: 70% !important;
    float: left !important;
}

    If you want that to only affect a single promobox element you can enable this and set a class to that promobox, then you’d change the selectors in the code:

    .av_promobox.custom_promobox .avia-button, .av_promobox.custom_promobox .avia-button-wrap{
...
}

    Cheers! 
    Josue

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