Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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!

    #702449

    Hey 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,
    Nikko

    #702524

    Sorry about that.. here you go. Btw, looks fine on phones. It’s IPad that is the trouble.

    Thanks!

    #702580

    Hi,

    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,
    Nikko

    #702696

    Unfortunately 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.

    #702733

    Hey!

    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,
    Nikko

    #702854

    That did the trick! Thank you so much!

    #702882

    Hey!

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Masonry caption smaller for mobile’ is closed to new replies.