fixed image size / breakpoints

llll

hey,
is there a way to fix the size of the images? so that only the other elements resize with the different screen sizes, not the image.
is it possible to put breakpoints?
thanks.

arminunruh

Hey,
you can add a html class to your image like described here:
http://laytheme.com/documentation.html#create-button-style

Let's say your html class is "fixed-width"

Then your css for that in "Custom CSS for Desktop Version" could look like:

.col.fixed-width{
    width: 600px!important;
}

Breakpoints, yea you could write your own media-queries in "Lay Options" -> "Custom CSS & HTML" -> "Custom <head> content". You could write your own breakpoints in there like

<style>
@media (min-width:1200px){
.col.fixed-width{
    width: 900px!important;
}
}

@media (max-width:1199px){
.col.fixed-width{
    width: 600px!important;
}
}
</style>

llll

thank you very much!

Lay Theme Forum

fixed image size / breakpoints

Online Users