6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Need help w/ this WP theme - It's making my photos *HALF* repsonsive!! WHY??...

by TimothyW
4 replies
  • WEB DESIGN
    • |
I had trouble with some themes that make everything responsive, EXCEPT pics + sliders -- resulting in sites that look TERRIBLE on mobile devices.

So I decided to try something "foolproof." The new instabuilder.
Did that solve the problem?
Weeeeeeel... kinda, sorta.

Instabuilder "shrinks" the pics just fine LEFT TO RIGHT, but does not shrink them TOP TO BOTTOM!! So, basically it makes the pics "HALF" responsive.

Result? ALSO looks like crap on a mobile device!
Pics are badly distorted/warped.

What am I doing wrong?

(((signed)))

"I Can't Win"
#half #make #photos #repsonsive #theme
  • Profile picture of the author yuccarichard
    quite hard to help without seeing the source code and some more details about this.

    usually just for image tags style="max-width:100%;height:auto;" is enough, but again it's about the container doing so as well, alignement of it etc.

    firefox firebug is your best friend to quickly see what's going on with the css, might just be some class over riding another.
    {{ DiscussionBoard.errors[9897507].message }}
  • Profile picture of the author peterherriman
    In your html are you setting the width?
    <img src="smiley.gif" alt="Smiley face" width="42">
    this would force the width to be the same for each image no matter what the height and make it look very distorted.
    what happens if you remove width & height settings?
    If the theme pictures and sliders etc are supposed to be responsive you may be affecting what they can do (to make them responsive) - sometimes those settings are in the slider and need to be set there.
    yuccarichard has a good solution.
    Hope it might help.
    {{ DiscussionBoard.errors[9900427].message }}
    • Profile picture of the author TimothyW
      Originally Posted by peterherriman View Post

      In your html are you setting the width?
      <img src="smiley.gif" alt="Smiley face" width="42">
      this would force the width to be the same for each image no matter what the height and make it look very distorted.
      what happens if you remove width & height settings?
      If the theme pictures and sliders etc are supposed to be responsive you may be affecting what they can do (to make them responsive) - sometimes those settings are in the slider and need to be set there.
      yuccarichard has a good solution.
      Hope it might help.
      All I'm doing is (innocently) using the theme in the way I (as a consumer) am supposed to use it. If it says "responsive" on the label, and I use the theme as the directions tell me to, then I shouldn't have to "learn a new hobby" in order to make things look right. It's not supposed to be "do it yourself surgery."

      -- TW
      Signature
      {{ DiscussionBoard.errors[9900792].message }}
  • Profile picture of the author WPThemeGuru
    Can you please share your website so that i could review your code and then suggest you a solution. If you have purchased this theme then ask them to give you dev support. I am a developer, if you show us your website then it will be good.
    {{ DiscussionBoard.errors[9900988].message }}

Trending Topics