Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 1, 2017 at 1:34 pm #753680
    sensiblekaren

    Hello

    I know there are lots of threads on this topic but I cant quite find on that gives me this exact solution.

    I am really happy with the masonry on other devices apart from on mobile – becuase some titles are longer than others – some images are smaller than others. Even the ones with short titles cut off the image and if it is a podcase the music note logo is cut in half. How do I make the images appear larger and so the icons are not covered on a mobile device? Link enclosed.

    March 6, 2017 at 3:55 pm #756466
    Yigit

    Hey!

    Sorry for the late reply!

    It seems like post with (title in private content field) has line breaks in excerpt that is why it is showing up higher than others. Please edit your post and remove those line breaks.
    If you would like to remove captions on mobile, please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.av-inner-masonry-content { display: none !important; }}

    Best regards,
    Yigit

    March 6, 2017 at 6:49 pm #756548
    sensiblekaren

    Thanks, there were no line breaks when I checked – nothing in the excerpt at all and text is the same as on other posts that feauture fine. Not sure what is going on. But for now I have now set to display a title only no excerpt as when I used the CSS above it got rid of title and excerpts leaving only the feautred images. Many thanks.

    March 13, 2017 at 5:57 am #759820
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.av-inner-masonry-content {
  min-height:105px !important;
}
}

    Best regards,
    Rikard

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