Tagged: captions, masonry, mobile devices
-
AuthorPosts
-
October 21, 2016 at 12:27 am #702139
Hey guys,..
Just want to make the element overlay captions of a perfect masonry grid smaller on mobile devices. Right now the captions are too big and get cut off.
Thanks!
October 21, 2016 at 3:12 pm #702449Hey Diana,
Kindly give us a link to that page, so we can inspect it further. Kindly place the link on the Private Content section when you reply :)
Best regards,
NikkoOctober 21, 2016 at 4:41 pm #702524Sorry about that.. here you go. Btw, looks fine on phones. It’s IPad that is the trouble.
Thanks!
October 21, 2016 at 6:36 pm #702580Hi,
Kindly add this code to Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) { #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title { font-size: 18px !important; } }Just change 18px to any values you want. Hope this helps.
Best regards,
NikkoOctober 22, 2016 at 12:32 am #702696Unfortunately that did not work. Seems to have something to do with the featured image. Posts with featured images that are longer horizontally are the ones whose titles get cut off.
October 22, 2016 at 8:02 am #702733Hey!
Kindly replace the code I gave you with this code:
@media only screen and (max-width:1024px) { #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content { padding: 10px; } #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title { font-size: 14px !important; } }Let us know if it works :)
Best regards,
NikkoOctober 22, 2016 at 7:32 pm #702854That did the trick! Thank you so much!
October 22, 2016 at 11:32 pm #702882Hey!
Please fee lfree to let usk now if we can do anything else for you.
Also remember to rate our theme at themeforest, it is really helpful.Thanks a lot
Best regards,
Basilis -
AuthorPosts
- The topic ‘Masonry caption smaller for mobile’ is closed to new replies.
