Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 15, 2015 at 5:28 pm #459522
    hmsvictory

    I am building portfolio items using the Avia layout builder. Inside a color section I place some columns and then use Media Elements > Image to place some images.

    The image size scales correctly on larger monitor size:

    When I shrink my window down to a narrow width the images now display at native/full size and overflow the screen:

    Here is what my portfolio edit screen looks like, it is nothing specia. The images have a fade-in effect and I have selected “No Styling” and no hover effect. How can I get these images to be responsive?

    June 15, 2015 at 7:14 pm #459604
    hmsvictory

    I have been experimenting and I am having the same problem when the images are in a text block but if I use a gallery then it sizes correctly. Is anyone else experiencing this bug?

    • This reply was modified 9 years, 5 months ago by hmsvictory.
    June 16, 2015 at 9:40 am #459908
    Rikard

    Hi!

    I can’t reproduce what you are getting in your second screenshot but the headphones look to be too far to the left. Could you provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply.

    Regards,
    Rikard

    June 16, 2015 at 4:41 pm #460145
    hmsvictory
    This reply has been marked as private.
    June 17, 2015 at 6:10 am #460553
    Rikard

    Hi!

    What browser are you using to get that error? I can’t reproduce it on latest version of Chrome.

    Cheers!
    Rikard

    June 17, 2015 at 6:12 am #460554
    hmsvictory

    Current version of Firefox, just dragging the window smaller and refreshing the page.

    June 17, 2015 at 6:56 am #460569
    hmsvictory

    Doesn’t it also look messed up on the emulator link?

    June 19, 2015 at 11:04 am #461787
    Andy

    Hi!

    I think you won’t be able to solve the issue using a background image inside a color section, because you can’t call the background image only via CSS (inside color section) and instead you can only call the whole color section via CSS. That’s why any changes made to the color section will effect all the other elements too (inside this color section). Feel free to make a feature request here, so Kriesi can think about adding an option for this in the future: kriesi.at/support/enfold-feature-requests/

    I suggest to try a different approach, using an extra image element for your headphones for example.

    Hope this makes things clear.

    Best regards,
    Andy

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