Twenty-Eleven - Fluid CSS Sprite for Mobile Devices? (4 posts)

  1. katrock79
    Posted 4 years ago #

    Hello! This is my first attempt at making an ipad friendly addition to Twenty Eleven and so far, it hasn't gone well. =(

    You can view my site at http://www.katrinacoker.com

    All is fine until you make the window smaller and the site shrinks, my top button images do not.

    I feel like this is something very simple that I'm missing. But I've spent so much time looking at CSS my brain is fried and unproductive at the moment.

    Anyone have any ideas on how to fix this? Shouldn't I make the images a percentage? But the images are placed using CSS not in the html. ??

    What am I missing here? Help?

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes.

  3. katrock79
    Posted 4 years ago #

    You're right. =)

    Any thoughts on the image issue tho?

  4. Shapeshifter 3
    Posted 4 years ago #


    If you haven't done so already, OR have have changed themes, try installin g these Plugins:

    1.) EnhanceJS
    2.) FitText
    3.) FitVids for WordPress
    4.) WP Fluid Images

    Number 4 will probably fit you need right away, but the other 3 are useful also. If these don't work, make sure you use a 2-column instead of 3-column Theme.

Topic Closed

This topic has been closed to new replies.

About this Topic