Responsive layout for minifrontpage
- Posted by stefan (22) Offline
Hi
I installed the minifrontpage module. But I have dificulties with getting it all responsive.
From a certain point I want that the article ( I have four next to eachoter now) takes 100% width and that the other will be placed beneith the one before.
How can I get it this way?
Anyone an idea?
8 years 10 months ago #1
by stefan
I installed the minifrontpage module. But I have dificulties with getting it all responsive.
From a certain point I want that the article ( I have four next to eachoter now) takes 100% width and that the other will be placed beneith the one before.
How can I get it this way?
Anyone an idea?
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5310) Offline
HI, Could you let me know the URL of your site so I can take a look?
8 years 10 months ago #2
by TemplatePlazza
Please Log in or Create an account to join the conversation.
- Posted by stefan (22) Offline
Hi,
This is the url : goo.gl/Dctswi
It is about the last 2 rows before the footer. "ouders aan het woord" and "laatste nieuws"
Thanks!
8 years 10 months ago #3
by stefan
This is the url : goo.gl/Dctswi
It is about the last 2 rows before the footer. "ouders aan het woord" and "laatste nieuws"
Thanks!
Please Log in or Create an account to join the conversation.
- Posted by stefan (22) Offline
- Posted by TemplatePlazza (5310) Offline
Hi stof,
try to add this code to your css code
@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;
}
}
8 years 10 months ago #5
by TemplatePlazza
try to add this code to your css code
@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;
}
}
Please Log in or Create an account to join the conversation.