Mini Frontpage: Not responsive / Problem with pictures

Is it possible to get just 1 column on smartphones?
Pictures are deformed on smartphones.


I tried this in my css (read it here):

@media (min-width : 320px)
and (max-width : 480px) {

.laatstenieuws .minifrontpage-default .mfp-table-cell {
width: 100%!important;
display: block!important;
float: left!important;
padding-right:0!important;
margin-right:0!important;
}
}

and

@media only screen and (max-width: 40em) {
.minifrontpage-default > div {
display:block!important;}
}


But nothing happens. :(


I hope you can help me
6 years 9 months ago #1 by Mike

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5263) Offline
Hi, try this one :
@media (max-width: 767px) {
.mfp-table-cell{
display:block!important;width:100%!important;word-wrap:break-word !important
}
.mfp-table-cell img {
width:50%!important;
height:auto!important}
}
6 years 9 months ago #2 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum