Joomla Templates Club 406,261 posts

[splico123 Friend splico123Join date: January 2007Posts: 339Downloads:80Uploads:7 Thanks: 24 Thanked: 93 times in 16 posts]

#184188

If you use JA sidenews in any position the image is not responsive, which for mobile should be, or at least i think so, otherwise it does not fall under responsive layouts….

try it, it just retains 240 width even with module width change.

pls help with fix.

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#480617

Hello,

What position did you assign to JA Side News module, I have tried assigning to other position but still see it falls under responsive layouts. Can you give me your URL to check ?

<blockquote>it just retains 240 width even with module width change.</blockquote>

The width is based on how you set the number column in the layout. Please check in tab Layout in Template Manager.

[splico123 Friend splico123Join date: January 2007Posts: 339Downloads:80Uploads:7 Thanks: 24 Thanked: 93 times in 16 posts]

#480943

i assigned it to position-5 which falls under responsive columns, the problem is the picture which is 240width there doesnt switch to 100 percent width under mobile template.

Sorry for URL its on local server for development so cant provide link atm.

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#480970

Hello,

<blockquote>the problem is the picture which is 240width there doesnt switch to 100 percent width under mobile template. </blockquote>

In T3V3 framework, we have layout for each screen, Normal Screen, Table Screen, Mobile Screen, … You can check it in Layout tab of Template Manager editor in back-end.

So if you change your screen, the template will auto transform to fix with width of the screen.

For the width of image, you will see in the CSS file, file
templates/ja_mero/css/template.css
about line 200, there is one code style like this:

img {
max-width: 100% !important;
}

Width of img will never larger than the width of the div contain it. And the div width depends on the width the screen.

Hope it clear for you now.

[Author]

Posts