I have posted in my other support thread about something related to this – so I will refer you there instead – https://kriesi.at/support/topic/featured-image-opens-in-lightbox/

Hey I have another topic open at https://kriesi.at/support/topic/caption-under-image-in-lightbox-view/ and these two things are now slightly related so I will just post here.
– Firstly, I found this link ( http://screencast.com/t/rPrLkb0VBw0 ) in another post which has helped me understand how to link an image from portfolio/masonry grid to be viewed in lightbox..
Can I suggest this be included in your documentation? I wouldn’t have been able to work it out otherwise! :)

– Secondly, when opened in lightbox from portfolio grid, the images appear much less vibrant than when opened in lightbox from masonry grid! (see screenshots below)
Image opened in Lightbox from Portfolio Grid

Image opened in Lightbox from Masonry Grid

– Thirdly, when opened in lightbox from portfolio grid, the image title does not show, however it does in masonry grid…BUT it is the title of the POST rather than the IMAGE in the post. I have tried reinstalling Enfold via FTP as it was suggested in the other thread here but this has not changed the behaviour of the portfolio lightbox.

I am happy to use the masonry grid if this is not easily resolved – however there were two things I preferred about portfolio grid:
1. the ability to have a colored overlay when you hover over the linked image in the grid like this, rather than the animation which is default on the masonry grid.
2. the EVEN spacing between images in the portfolio grid. (I find in masonry grid, the spacing can be uneven). I would like the spacing to be like my original portfolio page (set at 5px). I have tried the following css to adjust the spacing to how I’d like it, but it is still uneven and when hovered with the animation it zooms unevenly. Can this be fixed?

.av-fixed-size .av-masonry-image-container {
    margin-right: 3px;
    margin-bottom: 4px;
}

**The page in question can be viewed in private content**

I think that is all for now. I appreciate the help!

I have a link.

For the menu’s the images don’t get smaller so all the text is just in a very long column on the right.

When I check your menu on my iPhone it does not look like this at all, your image scales (so it is smaller).

My image on my iPhone is the exact same size it is as on the desktop version.

Oh okay thanks for the heads up.
So I was given this code to put:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
width: 100%!important;
max-width: 100%!important;
}
.ls-wp-fullwidth-helper {
position: absolute;
left: 50%!important;
transform: translateX(-50%)!important;
}
}

After I did that, I took screenshot of the page before and after. Then I removed the code so the live site does not look messed up. I just put the given code back up again so you can see what is going on. All I want is the bottom second last image to keep its full size at 100% width even when it is responsive.

Didn’t work yet

http://sfshift.com/blog/
if you click on the top logo area it will bring us back to the landing page?

How do we disable the link?

Thank you

Hey there Elliott. Thank you for your prompt reply.

I have attached an image link below to better explain what we are trying to achieve regarding the blog post layout being similar to the msn.com top section. We are trying to have a similar look on our landing pages.

The right hand navigation after the third section appears to have disappeared now.

View post on imgur.com

The sizes are the same. the sharpness is the issue. Here you can see the Enfold lightbox on top and the Vimeo version below taken from one live screenshot. The bottom one is sharper.

View post on imgur.com

The top image is on vimeo.com and the bottom is the lightbox version through Enfold. As you can see the quality is poorer through the Enfold lightbox.