Support Forum

Every time that you post a problem, PLEASE add the Joomla and the extension's versions and revisions (for example: Joomla 3.3.6, Contact Enhanced 3.3.5), PHP version and Server's Operating System. If you only manage only one site it is easier if you edit your profile and just add that information to your signature. Don't forget to add a detailed description of the problem. If possible, write down all steps to simulate the problem.

Before submitting a new post, PLEASE make sure you are running the latest version, test in different browsers (IE, FF, Chrome,..) and clear Joomla and browser's cache after every change you make.

Also, most questions are already answered in our FAQ and in iFAQ and Contact Enhanced documentation pages.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Ideal Related Articles
  7. Align related article items properly
× Ideal Related Articles (iRelated) displays related articles to Joomla articles. Quickly increase your readers' engagement with your articles by adding Ideal Related Articles inside your content.

Product Page

Align related article items properly

8 years 10 months ago #19676 by lovedigit
Hello Douglas,

I managed to get it working. There was apparently permission issue on my server, after fixing the permissions everything is working.

Except the related articles doesn't look really good in mobile view. See screenshot.


Screenshot_2015-06-10-14-02-27.jpeg


Can you make it responsive?
Attachments:

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

8 years 10 months ago #19679 by douglas
Dear lovedigit,

It should be responsive. I have just tested my development site on my phone and it worked correctly.
Can you provide a direct link to an article of your site, so i can take a look?

Best regards,

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

8 years 10 months ago #19684 by douglas
Dear lovedigit,

This plugin is compatible with Bootstrap and your template might not be compatible with it.

Please add the CSS rule below to /components/com_irelated/assets/css/ira.css
@media (max-width: 767px){
	.ira-container.row-fluid [class*="span"]{clear:both}
}

If this CSS rule doesn't work, then use this one below instead:
@media (max-width: 767px){
	.ira-container.row-fluid [class*="span"]{clear:both;width:99%}
}

Let me know which one works best for you.

Best regards,

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

8 years 10 months ago - 8 years 10 months ago #19852 by lovedigit
Hello Douglas,

2nd option worked for me, Please add it in the next version. :)
@media (max-width: 767px){
	.ira-container.row-fluid [class*="span"]{clear:both;width:99%}
}
And thank you very much for prompt response.

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

8 years 10 months ago #19853 by douglas
Dear lovedigit,

I have added it to the source code for the next version.

All the best,

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

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Ideal Related Articles
  7. Align related article items properly
Powered by Kunena Forum

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback