Quote

We're also available for Custom Joomla Development

Hire us now

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
       
  •  
    Replied by admin on Tuesday, March 06 2018, 02:33 PM · Hide· #1
    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}
    }
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
Your Response
Please login first in order for you to submit comments