Responsive for two column in Mini Frontpage
- Posted by Paolo (4) Offline
Hi
ask you if is possible to set the second column on the right with the list of other articles automatically below the first principal article with image when the resize of the browser is reduce.
As you can see in the attachment we have two columns too much near
better could be the column on the right goes automatically below.
Thanks
10 years 3 months ago #1
by Paolo
ask you if is possible to set the second column on the right with the list of other articles automatically below the first principal article with image when the resize of the browser is reduce.
As you can see in the attachment we have two columns too much near
better could be the column on the right goes automatically below.
Thanks
Please Log in or Create an account to join the conversation.
- Posted by TemplatePlazza (5310) Offline
Hi, can you let me know the URL of your site so I can take a look?
10 years 3 months ago #2
by TemplatePlazza
Please Log in or Create an account to join the conversation.
- Posted by Paolo (4) Offline
- Posted by TemplatePlazza (5310) Offline
Hi, try to add this code to your css file :
@media only screen and (max-width: 40em) {
.minifrontpage-default > div {
display:block!important;}
}
10 years 3 months ago #4
by TemplatePlazza
@media only screen and (max-width: 40em) {
.minifrontpage-default > div {
display:block!important;}
}
Please Log in or Create an account to join the conversation.
- Posted by Paolo (4) Offline
Hi.
Thanks for answer.
I put
in template.css
or
modules/mod_minifrontpage/themes/default/assets/css
not run...
I have done something wrong?
Thanks
10 years 3 months ago #5
by Paolo
Thanks for answer.
I put
@media only screen and (max-width: 40em) {
.minifrontpage-default > div {
display:block!important;}
}
in template.css
or
modules/mod_minifrontpage/themes/default/assets/css
not run...
I have done something wrong?
Thanks
Please Log in or Create an account to join the conversation.
- Posted by Paolo (4) Offline
Solved!
in template.css
I have put
@media only screen and (max-width: 40em) {
.minifrontpageid > div {
display:block!important;}
}
Thanks
10 years 3 months ago #6
by Paolo
in template.css
I have put
@media only screen and (max-width: 40em) {
.minifrontpageid > div {
display:block!important;}
}
Thanks
Please Log in or Create an account to join the conversation.