I uploaded an example image for both manual and automatic excerpts. Dropcaps and icons get displayed perfectly, except with the combination of grid layout and manual excerpt …

• This reply was modified 12 years, 4 months ago by StuWeTueHo.

Hi Yigit!
The code is working only when I’m using “Image Element” to keep images.
But when I’m doing the same thing with gallery, its still not working.. :(
please check the link below. in this link left top three images are kept by using “Gallery from Media Element” and the last three images are kept by using “Images from Media Element”.. So its working when I’m using “Images from Media Element” which as I explained earlier I don’t really want to use it..
please have a look at the link below and compare the difference..
http://goo.gl/DJmeeH

Thanks

Thanks, Ismael!
I don’t know why I didn’t think of using the grid. I had just finished adjusting the single product images and summary using it. Lack of sleep, I guess..

I’ve added code to allow for mobile portrait & landscape view, as well as desktop large, (min-width: 1340px), for anyone else who might want to use it.

@media only screen and (min-width: 1340px) {
.avia-button.avia-size-large {
min-width: 760px;
}
}

@media only screen and (min-width: 1161px) and (max-width: 1350px) {
.avia-button.avia-size-large {
min-width: 668px;
}
}

@media only screen and (min-width: 1007px) and (max-width: 1160px) {
.avia-button.avia-size-large {
min-width: 550px;
}
}

@media only screen and (min-width: 786px) and (max-width: 1006px) {
.avia-button.avia-size-large {
min-width: 678px;
}
}

@media only screen and (max-width: 785px) {
.avia-button.avia-size-large {
min-width: 428px;
}
}

@media only screen and (max-width: 340px) {
.avia-button.avia-size-large {
min-width: 268px;
}
}

Thanks for your support,
Ben

Hi Yigit,

I entered this code in but no luck. The images are still displaying on mobile. I really just want to hide those three columns with animated images on the home page from being seen on the mobile devices are they are positioned by pixel distances and appear out of whack.

For the sake of not uploading, and what I meant about adding a background to a section in this case with rounded corners, please see:
http://granify.com/pricing/

How would I go about adding a section like that into enfold?

Thanks for your help!

thank you for looking at this issue.
when you open the page http://elwoodtemp.com/gemco-valve-product-video/ the last slide video image appears. if you click play the first video actually plays.
if you click the arrows to next slide then it does work. also note the issue does not appear on regular monitor you have to look at on mobile device such as iPhone or iPad.
see screen shots
http://elwoodtemp.com/wp-content/uploads/2013/11/image1.jpg ( it appears like this)

http://elwoodtemp.com/wp-content/uploads/2013/11/image.jpg (it should look like this)

I added that code and it really made the slider look wierd. What is the optimal size for the image and I will create it with the default specs.

Lisa

Your support is amazing. Can you explain why this happened so that I can size my images appropriately. I will make the adjustment in the quick css as well.

Thanks again for you terrific support.