Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #583316

    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

    #583320

    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

    #583360

    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

    #583367

    Hey!

    Glad you figured it out!

    Thank you for sharing your solution! Let us know if you have any other questions or issues.

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.