Download all Joomla templates including quickstart (demo)only $24.99

Forum

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

  • D
  • dora New Member
  • Topic Author 2 years 2 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.

  • L
  • leoalv Moderator
  • 2 years 2 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.