Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 18, 2018 at 7:59 pm #928774
    bakbek

    Hi, how can I make sure the masonry element is aligned correctly to the center on both mobile and desktop?

    March 20, 2018 at 11:11 am #929708
    Ismael

    Hey DROR,

    Thank you for using Enfold.

    Please adjust the default width of the masonry container.

    #top .container .av-masonry.av-large-gap {
    width: 100%;
}

    Default width value is “calc(100% + 15px)”.

    Best regards,
    Ismael

    March 20, 2018 at 1:45 pm #929829
    bakbek

    Thanks Ismael, how can I make the masonry element to be RTL so the last item will be shown on the right instead of on the left?

    March 22, 2018 at 5:13 am #931022
    Ismael

    Hi,

    This is possible but you have to modify the js > shortcodes.js file, look for the “avia_masonry” > “apply_masonry” function around line 1307.

    var filters = selector ? {filter: '.'+selector} : {};

    Below, add this code.

    filters['isOriginLeft'] = false;

    Please remove browser cache or do a hard refresh before you check the page.

    Best regards,
    Ismael

    March 22, 2018 at 1:29 pm #931262
    bakbek

    Great, thanks. You should make that work on it’s own when using the theme on an RTL language :)

    March 23, 2018 at 9:49 am #931849
    Ismael

    Hi,

    I think that option creates issues with the masonry bricks which is why it is disabled by default. Let us know if you encounter any issues with it. :)

    Best regards,
    Ismael

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