Adjusting Flex Caption Location

[gigtime]

I prefer to have the Headline (flex caption) higher up on the image. If I adjust the css padding from 20px to 80px, it looks good on the desktop but is too high on a smart phone. Is there a way to either adjust the settings for desktop vs smart device separately? Or can a percentage be included rather than a setting in pixels?

Thanks in advance…

Bill

[genunlimited]

Use an @media query. For instance:

@media only screen and (max-width: 860px) {
.flex-caption {padding: 20px;}
}

This would make so all screen sizes less than 860px the .flex-caption would only have 20px;

Not sure if the correct class your targeting is .flex-caption so you may need to change that.

[Author]

Posts