- This topic has 1 reply, 2 voices, and was last updated 1 year, 2 months ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.
Support › Forums › Flex Theme › Adjusting Flex Caption Location
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
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.