Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

columns not responsive: split one column in two in mobile

Featured Lock Resolved Issue
hi,
I would like having for mobile two columns in place of one: two image overlay addons in the same row.How can I split in two columns? when
I set in column options < responsive < mobile layout , mobile layout col-xs-6 , the second column goes below the first. See the screenshot.
here the link to website http://www.giffonifilmfestival.it

can you help me please ?thank you

Attachments (1)

  • temp.png
    temp.png 191.3 KB

4 Answers

Simona

More than a month ago #Permalink
any news please? thank you thank you

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css and that should solve the issue.

@media only screen and (max-width: 500px) {
#prima_riga #column-wrap-id-1550569741677 {
max-width: 100% !important;
flex: 0 0 100% !important;
}
#prima_riga #column-wrap-id-1550569741677 .sppb-column-addons {
display: flex;
}
#prima_riga #column-wrap-id-1550569741677 .sppb-column-addons > div:first-child {
margin-right: 5px;
}
#prima_riga #column-wrap-id-1550569741677 .sppb-column-addons > div {
width: 50%;
}
}




-Best Regards

Simona

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css and that should solve the issue.

@media only screen and (max-width: 500px) {
#prima_riga #column-wrap-id-1550569741677 {
max-width: 100% !important;
flex: 0 0 100% !important;
}
#prima_riga #column-wrap-id-1550569741677 .sppb-column-addons {
display: flex;
}
#prima_riga #column-wrap-id-1550569741677 .sppb-column-addons > div:first-child {
margin-right: 5px;
}
#prima_riga #column-wrap-id-1550569741677 .sppb-column-addons > div {
width: 50%;
}
}




-Best Regards

thank you

Sifat - Staff

More than a month ago #Permalink
You are always welcome :)


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 134
Sifat

Sifat

Total Accepted Answers: 87
Toufiq

Toufiq

Total Accepted Answers: 69
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5

114

Templates

293231

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us