-
Posts
-
Hi guys,
First of all thanks for this theme, its awesome!
This is my first question in this forum. I build a page which has a masonry gallery with the team members in the end of the page.
The titles and excerpt work well on desktop and mobile, but on an ipad the excerpt disapears. I tried already with different resolutions on the media query, but I haven’t found the right settings yet. The page is already online. Could you give me some further advice?
Please let me now if you need some login credentials.
Thanks a lot in advance.
LuisThis is the css that I’ve used so far:
/***************** Masonry Gallery captions *****/
/* Title */
.av-masonry-entry .av-masonry-entry-title {
font-size: 105%;
color: white !important;
}/* Excerpt */
.av-masonry-entry .av-masonry-entry-title+.av-masonry-entry-content {
font-family:’Roboto’, sans-serif !important;
font-size: 100%;
font-style: normal;
font-weight: 400;
color: white;
}/********* Masonry gallery captions background *****/
.avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content {
background: black;
}.avia-arrow { display: none; }
@media only screen and (max-width: 1242px) {
figcaption {
background-color: black!important;
}}/* masonry smaller labels */
@media only screen and (max-width: 1920px) {
.main_color .av-inner-masonry-content {
font-size: 12px;
padding: 5px;
}}Hi luis!
Thank you for using Enfold.
Are you referring to the “This is FS Parker.” section? You can set the caption or title to display on load.
@media only screen and (max-width: 1024px) { .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } }P.S: Site looks awesome. Good job! :)
Regards,
IsmaelHi Ismael,
Thanks a lot! Yes, the “This is FS Parker” section. I tried using the css you sent me, but it didn’t resolved the issue. :(
The excerpt (in this case, the job function of the team members) still disapears on ipads.
Did you tried opening the page on an ipad? Is there anyway to send you some screenshots so that you can see what I mean?
Greetz.
LuisHi,
What is the actual model or version of your iPad? Is it a retina display? Please provide a screenshot using imgur or dropbox. Or try this css code.
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { /* Retina-specific stuff here */ .avia_desktop.avia_transform3d .av-caption-on-hover.av-caption-style- .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content, .avia_desktop.avia_transform3d .av-caption-on-hover-hide.av-caption-style- .av-masonry-entry.av-masonry-item-with-image:hover .av-inner-masonry-content { -webkit-transform: rotateX(0deg) !important; transform: rotateX(0deg) !important; opacity: 1 !important; } }Please don’t forget to remove the browser cache or hard refresh the page.
Best regards,
Ismael
- The topic ‘masonry gallery excerpt disapears on ipad’ is closed to new replies.