Blog in mobile alternate alignment

Hey Francisco,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.page-id-35 .avia-content-slider, .page-id-35 .slide-entry-wrap article.slide-entry {
    margin-bottom: 0;
}
}

Best regards,
Rikard

Hi,

I’ve added working CSS for you in Quick CSS, please review your site.

Best regards,
Rikard

Hi,

Polylang is unfortunately not one of officially supported plugins. For multilingual sites, we recommend WPML which is fully compatible with Enfold :)

Best regards,
Yigit

Hi,
Thank you for your patience, for your first issue your content slider creates a new “wrap” after every three items, probably based on the setting to only show three in each row, this adds a bottom margin to the last item on mobile, to remove please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
.avia-content-slider .slide-entry-wrap {
    margin-bottom: 0 !important;
}
}

After applying the css, please clear your browser cache and check.

To change the space between columns try this css:

@media only screen and (min-width: 1024px) { 
.slide-entry-wrap > .slide-entry.av_one_third {
    margin-left: 2%;
    width: 31.333333333333332%;
}
}

the default is:

    margin-left: 6%;
    width: 29.333333333333332%;

try adjusting to suit.
To change the size of your images try the Simple Image Sizes plugin, it is the easiest method. Once to set a new size for the “magazine” images you will need to “regeneration the thumbnails” for them to take effect.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike