Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 13, 2017 at 4:06 pm #807549
    conTend

    Hi there,
    I use a masonry galery with following settings:
    Überlagerung aktiviert + Benutzerdefinierte Links + element caption “Zeige Titel/Display as centered overlay/Bei Mouse Over zeigen”.
    At mouse over the overlay background color + Titel covers image at 100% (opacity 1).
    On mobile screens I would like the overlay background color + title to cover just 25% at the bottom of the elements image (= just like default display).
    How do I manage this with CSS?

    Best regards

    June 14, 2017 at 9:14 pm #808218
    Nikko

    Hey conTend,

    Can you provide an image of how it should look compared to the desktop version?

    Best regards,
    Nikko

    June 15, 2017 at 9:11 am #808458
    conTend

    Hey Nikko,
    I send images in private contend,
    best regards

    conTend

    June 19, 2017 at 6:27 am #809660
    Ismael

    Hi,

    Thank you for the screenshots.

    Please add the following css code.

    @media screen and (max-width: 768px) {
	#top #wrap_all .av-caption-style-overlay.av-flex-size .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content {
	    top: auto;
		height: auto;
	}
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.