Please
I need help for a customer site that has a central zone in the homepage with 2 column (50% width) with Partner elements inside, both with 6 elements on 3 columns and 2 rows (images represents market zones).
When I open the home page on mobile device the images, in partner elements, are disposed in only one column, but what we expected a disposition of 2 columns and 3 rows.
Is it possible?
regards
Federica
Hey amministrazioneatwork!
I am getting “Your connection is not private” error when i try to view your site.
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and add your partner element into a 1/1 column element with a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
.your-custom-class .flex_column { width: 50%!important; }}
Best regards,
Yigit
Thank you Yigit,
I solved the problem with a custom class on partner element and an entry in the custom css like this
@media only screen and (max-width: 479px)
{
.customclass .slide-entry-wrap {margin-left:5px !important; margin-right:5px !important; width:45% !important;}
.customclass .slide-entry { width:100%!important;}
}
because the slide-entry-wrap element divided however the elements of the first rows from the second one, so I prefer to couple two columns (entry-wrap) rapresenting the verticalized rows.
Thank you very much.
Federica