Joomla Templates Club 406,261 posts

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#189306

Hello,

I have a menu item that is linked to k2 category. Everything looks great but in responsive design, the k2 image in both the category view and item view is getting stretched when viewing it in ipad/tablet.

Attached are screenshot of normal behavior on pc, and one on ipad ( not correct)

May you please help me fixing the issue and keep the small image from being stretched ( I want to keep it small)

Regards,

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#500456

This way will help you to fix it

Open templates/ja_university/css/layout-mobile-port.css file

from

div.itemIntroText img {
margin: 0 0 15px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

change to

div.itemIntroText img {
margin: 0 0 15px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}

Remember to clear cache from Admin area

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#500565

Hello Ninja Lead
Thank you but unfortunately this didn’t work .. any other idea

link: http://mepcokuwait.com/index.php/projects/government-sector

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#500706

I tried to access your site but i got this problem

Please try to fix this first

---

Attachments:

1. 

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#500872

Yes, sorry about that, the site was a problem before i come a broad and redesign it. Google needs up to two weeks to verify that the new website is no longer a thread .. unfortunately the old website is still cached in search engines systems

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#501039

I can wait for that and ping me if you still face any problem.

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#501108

Hello,

Thanks and its gone now. You can check :laugh:

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#501212

Hello Ninja you there?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#501237

<em>@mohand 383533 wrote:</em><blockquote>Hello Ninja you there?</blockquote>

I have just finished our weekend, so there was some late in replying to you.

With this problem on your site this way will help to fix it. You can go Categories of K2 component is appearing with menu Government Sector and Private Sector and change Image size for primary items select to Large, see the screenshot

Remember to clear cache from Admin area

---

Attachments:

1. 

[mohand Friend mohandJoin date: November 2011Posts: 37Downloads:13Uploads:9 Thanked: 1 times in 1 posts]

#501618

I don’t the images size to be large .. I want them to stay medium and not get stretched when being viewed on smaller screens.

Regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#501643

You can try to do this way again

Open templates/ja_university/css/layout-tablet.css file

From

span.itemImage img {
width: 100% !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

Change to

span.itemImage img {
width: auto !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

Remember to clear cache from Admin area. Let me know if it helps

[Author]

Posts