Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 22, 2016 at 8:19 pm #620194
    laptophobo

    I’m using 3-column Grid Rows to produce the effect on the page noted in “private content”. You’ll notice that when I narrow the screen viewing size the text items are adjusting in width, but the background image is not. I’m wondering if there’s a way to get the background image to adjust in width so that I don’t lose the image. (I’ve tried several ways, but have failed miserable.)

    Thanks for any ideas you may have.

    April 26, 2016 at 1:18 pm #622093
    Andy

    Hey laptophobo!

    can you show us about which background image you are talking about please? you could use screenshots to highlight (imgur.com, dropbox).

    Regards,
    Andy

    April 26, 2016 at 10:02 pm #622547
    laptophobo

    Hi Andy,

    I’ve uploaded the screen shot to the link provided in Private Content.

    Thanks,

    April 27, 2016 at 11:49 am #622943
    Andy

    Hi!

    use this code to control its responsive behavior:

    @media only screen 
  and (max-device-width: 736px) {
.flex_cell.no_margin.av_one_third.avia-builder-el-4.el_after_av_cell_one_third.el_before_av_cell_one_third.av-zero-padding {
background-size: 60% 50% !important;
background-position: 107px 90px !important;
}}

    Adjust it as needed.

    Regards,
    Andy

    April 28, 2016 at 3:53 am #623462
    laptophobo

    thanks andy

    April 28, 2016 at 12:02 pm #623624
    Andy

    Hi!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Modify Grid Row background width’ is closed to new replies.