Important - Hands Up!

- Please ask using the account with which you made the purchase or download of our products and in its respective category.
- If you bought our products in another market, ask your questions in that market, not here.

* ADD PRODUCT NAME IN START OF SUBJET

Joomstagram - mobile preview

dora New Member
Topic Author 2 years 11 months ago #1

Hi,
I want to have 3 photos in a row in mobile preview so I set 3 in the Phone columns area of the module setup. But I only see 2 columns. How can I fix this? Thank you!

Please Log in or Create an account to join the conversation.

leoalv Moderator
2 years 11 months ago #2

Indeed, the module has column configuration for standard measurements, and it is considered a phone from 576px to 767px wide. If the screen of your phone has less, you will see only 2 images per row.

You can solve this with CSS from your template by pasting the following code

Code:

@media (max-width: 575.98px) {
div[id*="#feed-"] .instagram-item {max-width: 33.333% !important; flex 0 0 33.333% !important;}
}

Or you can also create an override of the module from the Joomla template manager, then open the default_item.php file that must be inside your template in htm/mod_ut_joomstagram and on line 17 you change the two 50% to 33.33%.

Greetings

Please Log in or Create an account to join the conversation.

Forum

Important - Hands Up!

Joomstagram - mobile preview