Boxed content – grid row image captions – not responsive

Please note that is is very important (as I need the same feeling as the global site) to have the sticky column and the responsiveness of the image captions i have already remade the history page in order to be responsive but it’s not what i want as a result therefore I will attach the links to see what I have to achieve as the enfold theme is supposed to provide this layout.

The white padding around the sticky image seems also impossible

Thanks a lot,
Fani

Dear Ismael,
All I wanted was to be able to use the grid row element as I saw on the following enfold theme layout but for a boxed site
http://kriesi.at/themedemo/?theme=enfold-overview

I already pasted the css from the global site and the above html in a grid-row column – text box but still the image is not sticky.

And I still don’t know what’s wrong with the non responsive captions in images. I have provided login credentials is it possible to check what’s wrong?

Thank you very much,
Fani

Hello Ismael,
In my point of view, it seems impossible to use the grid row the way it is supposed to work in the enfold theme but in a boxed size site. Forget all about adding html or css or the global site layout… The basic elements that you are supposed to provide are not even working. So all you are saying is that avia builder elements are not working the same way in the boxed size site that this theme is supposed to provide.
http://kriesi.at/themedemo/?theme=enfold-overview
I have imported this demo in another site pasted all the settings in the grid row of my boxed site and the fixed image does not adjust to bigger or smaller screens thats all i wanted in first place and it seems to not be responsive at all! And I dont even care for this specific image to be viewable in mobile size all i wanted was to be able to adjust in simple bigger and smaller desctop screens. Let alone that simple image captions are not responsive. Any other suggestions for any of my issues?
Any suggestions on what should I do? Notice thats for a major brand. If I could hire a freelance developer I wouldn’t even purchase this theme but I never believed I would come faced with such issues as I have purchased and used this theme several times in the past and never had such issues.
So please any other suggestions?
Fani.

Ismael all you are saying is that I have to hire someone to provide me this grid row http://kriesi.at/themedemo/?theme=enfold-overview in a boxed size although it is an enfold option?

Dear Ismael,
I guess you are totally right of course you are more than experienced all those years as a moderator, now i get it. The test page i provided might be messed up because of some modifications, so I created a copy of my pages in a site without any css or plugins or anything else just imported the pages – media -enfold settings of the master site.
here is the test page:

and the avia element I want to make it work properly is the grid row that i saw here:

As you can see the issue is that the “fixed” images are messed up, not fitting properly so all I need, is a way to look nice like in the enfold demo and even if they fit right by moderating the size of the images, they still look messy in other screen sizes of desktop (let alone in a mobile or tablet) .
Feel free to create as many test pages as you want (in this test site) with the grid row element using one of the five last images in the media library in the first and the second column like in the page that has the issues (fixed ). If you believe that the issue is caused by the size of the images, please provide me the accurate size in pixels in order to recreate them. Do not hesitate to edit any of the settings as this site as it is created for this purpose. I am providing you the login info.
Thanks in advance,
Fani

Hi Andy,
I did that but the result is still messy and nothing changed, the background position ignores the boxed size of the site and it looks messy because the image position is wrong. Feel free to enter at the admin panel and test it.

Best regards,
Fani

The only element that provides fixed image in a column and enables scroll in the other column is the background image of grid row element in Enfold. Sorry I took for granded you knew that, but feel free to ask me whatever you want for the enfold theme I m using and buying it for more than three years and I provided in the past some solutions for other users so time to help you too.

Ι did provided some screenshots don’t know why they are gone :/

So the problem is at the grid row element – background column – image size / position at a – boxed size site .
I also already provided you login access and a test page of a test site i will provide that again, hope you ll find out a way to help me.
I guess I have to open another ticket for the non responsive image captions I mentioned at first.
Please excuse me, my english are bad thats why you don’t understand any of the messages above.
Or maybe you don’t see anything wrong with this page

So the white spaces and the cut images is a kind of art that my boss doesnt like for his crazy reasons obviously (!!!!????).
For these reasons I have provided (and I will again provide) login access to see why these images (which in these theme are fixed and only this element of a grid row column background provides it in enfold ) are still messy.
Thanks a lot,
Fani

Happy New Year :)
Unfortunatelly although I am satisfied with the result on my screen, on a wider desktop screen the things are still messy. Any further ideas?

Thanks in advance,
Fani

That’s why I keep saying that the grid row element is not responsive…
Neither are the captions in photos or the slider…
At the past (few years ago) when I provided credentials moderators and specifically Ismael entered my site and solved some issues and he just told me afterwards what he did because I managed many sites that contained enfold as georgesociel and i encountered some issues then. Is there any chance that you could help me like this, or provide me the css code cause Its hard for me :( .
From the site you provided I guess that that’s what i have to take:

/* ———– Non-Retina Screens ———– */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 1) {
}

/* ———– Retina Screens ———– */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {
}
how can i marry this with the following?
.avia-builder-el-9 {
background-position: 67px 100% !important;
background-size: 61% 78% !important;
}

Thanks in advance,
Fani