Hi, how can I center align the masonry element on mobile?
Hey DROR,
I have checked the link you gave but I don’t see any masonry, please check.
Best regards,
Nikko
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* Masonry mobile CSS */
@media only screen and (max-width: 480px) {
.av-large-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
right: 0;
}}
Best regards,
Yigit
Thanks Yigit! how can I make the masonry RTL so when there is only one item to be shown in a row it will be shown on the right site instead of the left?
Hi,
Thanks for the update. This might help.
// https://kriesi.at/support/topic/masonry-element-is-not-aligned-to-the-center/#post-931022
It’s an old thread from you.
Best regards,
Ismael
Hi, I tried that but I can’t find that line in the shortcodes JS file
Hi bakbek,
You should find it in enfold > config-templatebuilder > avia-shortcodes > masonry_entries > masonry_entries.js (line 49).
Hope this helps :)
Best regards,
Nikko
Thanks. Will that be undone when I update the theme?
Hi bakbek,
It will unless you copy the file to the child theme and make your changes there.
If you need further assistance please let us know.
Best regards,
Victoria
To where exactly should I copy the file to? What folder/path on my child theme?
Hi bakbek,
It should be the same folder structure
enfold > config-templatebuilder > avia-shortcodes > masonry_entries
If you need further assistance please let us know.
Best regards,
Victoria