Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 24, 2016 at 5:13 pm #637634
    baswitlox

    Hi,

    I’m inserting masonry grids in the avia layout elements.
    It looks ok on desktop view, but on mobile the transparant byline text comes over the images. And you can’t see the images anymore.

    Is it possible to make all images 300px height above the byline?

    example of mobile view: http://prntscr.com/b806xw

    EDIT

    After adding:

    @media only screen and (max-width: 480px){
	.av-inner-masonry-content.site-background{height: 30%;}

    The height is okay but now some text falls off and elements that do not have a caption show a transparant piece of 30%
    Example: http://prntscr.com/b809n1

    Thank you.

    • This topic was modified 7 years, 11 months ago by baswitlox.
    May 25, 2016 at 2:23 pm #638035
    Josue

    Hey baswitlox,

    Try reducing the padding too:

    @media only screen and (max-width: 480px){
	.av-inner-masonry-content.site-background{height: 30%; padding: 10px;}

}

    Best regards,
    Josue

    May 25, 2016 at 2:40 pm #638047
    baswitlox

    Hi Josue,

    1. Thank you for your reply. The padding seems to work but if the caption has more text, the text keeps falling off. You can look at the website I gave in the topic start.

    Is there a way to always make all the text (title + excerpt) visible and keep the transparant part 30% of the whole image container?
    So when I add more text, the image becomes longer?

    2. I had a second question. When I hold my phone vertical, the title color isn’t the same as I specified in website styling. But on desktop and when I hold my phone vertical , the color is the right color. What should I do to solve this?

    Thank you in advance! Awesome support!

    May 26, 2016 at 5:20 pm #638833
    Andy

    Hi,

    open a different ticket for a different question.

    I can see this on mobile:

    View post on imgur.com


    which looks ok to me. Could you fix it already?

    Best regards,
    Andy

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