Posts: 19
Threads: 2
Joined: Dec 2015
I am using GS 3.3.8 and Timbows -Grill theme which comes across very responsive on my old Ipod,
except for the image on the homepage.
I have tried to test it with several online responsive tests and it comes up blank.
So I have 2 questions.
How can I get the image to be responsive and I wonder why the tests don't work for this site?
http://boundary.ablurk.com/hope/
Thank you for you time
RandyC
Posts: 1,247
Threads: 82
Joined: Feb 2011
2016-03-21, 09:25:54
(This post was last modified: 2016-03-21, 09:26:30 by datiswous.)
Posts: 1,127
Threads: 136
Joined: Feb 2012
If I right click on your image to check the style declarations I can see the image dims fixed in px. You need to give the image % declarations either through the Editor or the css files. That theme uses bootstrap and I think bootstrap has a css class="img-responsive" which will also do the job
That's a big project you have taken on there!
Posts: 88
Threads: 9
Joined: Feb 2011
Posts: 19
Threads: 2
Joined: Dec 2015
Sorry for the delay guys, rough day yesterday, still trying to test.
I did try Timbow's class="img-responsive" solution and it worked perfect and started wondering if that could be done with CSS.
I hope to get a chance to check out Ampersand's CSS idea today
Thank you I'll be back
Posts: 1,928
Threads: 88
Joined: Apr 2010
img {
max-width: 100%;
height: auto !important;
}
Posts: 19
Threads: 2
Joined: Dec 2015
(2016-03-23, 19:22:25)Oleg06 Wrote: img {
max-width: 100%;
height: auto !important;
}
Yes, this seems to work, it is the same as Ampersand suggested on the other thread.
Thank you all, one by one I am finding ways to get everything working.
Anyone have any idea why it wouldn't work on the online responsive testers like
http://mattkersley.com/responsive/