Responsive images too large


Author Message
Sanguine

Posted: 5/2/2016
Quote message 

Hi guys, I've been using artisteer off and on for years, I dropped it around artisteer 3, and I've picked back up now because I saw some ads touting responsive templates ect, but I've had nothino but problems so far.


I've solved most of the issues I've had but I just can't seem to get these images to work right on mobile. They're always just a little too big.

I've tried editing the html for the picture setting max width to 100% ect nothing seems to work.


 
Sanguine

Posted: 5/2/2016
Quote message 

I guess to clarify,

The picture itself is responsive, and it scales down to fit on mobile screen, but it does not scale enough to fit inside the article I have it inside.

I have the exact same issue whether I create the article in joomla, or export the content from my template.

Picture just barely too big that it goes outside of the content I have it in, but only on mobile. On desktop sites the picture fits/works perfectly
 
help

Posted: 5/3/2016
Quote message 

It's hard to say how to fix without a url but try adding something like this to the css

img, img.scale-with-grid
{
outline: 0;
max-width: 100%;
height: auto;
margin: 0 auto;

}
 
chris

Posted: 8/19/2016
Quote message 

Quote help:

It's hard to say how to fix without a url but try adding something like this to the css

img, img.scale-with-grid
{
outline: 0;
max-width: 100%;
height: auto;
margin: 0 auto;

}



In have an issue, similar. I added a background image which is same as PC. When viewed on phone the image goes and back groud image was huge therfore ruining the template in mobile.

if you look at www.itftaekwondo-union.com thats what I want on phone. I had to use an artisteer BG for head but not happy. Will this fix help as when I put image in it simply is way too big.

chris
 
chris

Posted: 8/19/2016
Quote message 

Quote chris :

Quote help:

It's hard to say how to fix without a url but try adding something like this to the css

img, img.scale-with-grid
{
outline: 0;
max-width: 100%;
height: auto;
margin: 0 auto;

}



In have an issue, similar. I added a background image which is same as PC. When viewed on phone the image goes and back groud image was huge therfore ruining the template in mobile.

if you look at www.itftaekwondo-union.com thats what I want on phone. I had to use an artisteer BG for head but not happy. Will this fix help as when I put image in it simply is way too big.

chris




opps I mean bg head... so head of template wont work