Appfinite

Premium WordPress Themes for The Genesis Framework

Home page background image distortion on FOLLOW ME theme

Home › Community Forums › Follow Me Theme Support › Home page background image distortion on FOLLOW ME theme

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 1, 2013 at 6:24 pm #7753
    marketingfrosting
    Customer

    Hi there,

    I love the way everything works on the theme. A few issues with responsiveness…

    1.The way the home page image distortion — when the screen becomes larger/smaller depending on the device.

    2. Can I remove the “RETURN TO TOP OF PAGE” bar on mobile devices? It takes up like 1/2 of a mobile window, and there’s no need for it on mobile device because you can see the entire page anyway.

    Here’s my website if any reference is needed:
    http://melissadushane.com

    Thanks so much for all the great themes. I’ve bought three from you, and I’m a big fan of your work.

    One last question: Will you be updating the FOLLOW ME theme to HTML5?

    Melissa

    October 1, 2013 at 10:11 pm #7761
    Wes
    Moderator

    I have a background image plugin that I linked to in the Read Me file. I’m using this plugin on the demo, so I would install that and see if that makes it look a little better.

    Do you want to remove the entire footer section on mobile devices or just that particular link/section?

    Yes I will definitely be updating the Follow Me theme for Genesis 2.0/HTML5. I’m actually going to be updating all of my themes very soon. I have about half of them done so far.

    October 2, 2013 at 4:19 am #7774
    marketingfrosting
    Customer

    Hi,

    Thanks for your quick reply.

    I’ll try the plugin for the background.

    I’d prefer if there was a thinner footer section w/o the RETURN TO TOP — that way it keeps the look of the web version. I don’t mind if the entire footer is wiped out on the mobile version, if that works better.

    Looking forward to the new HTML5 versions.

    Thanks again,
    Melissa

    October 2, 2013 at 10:08 pm #7793
    Wes
    Moderator

    yeah the Return to top won’t show up in the new version since it’s not in Genesis. If you want to do it now, just add “display: none” to the – “.gototop” class and add it to your responsive section.

    January 9, 2014 at 8:24 pm #9897
    marketingfrosting
    Customer

    Hi Wes,

    I’m still not getting the responsive effect on the background. I tried the Full screen background image plugin, and it still distorts the image.

    What I’m looking for is something responsive. Like the way my slider is resized when I use the Genesis Responsive Slider, which actually resizes the image and doesn’t just stretch it. I looked through the WordPress.org plugins and couldn’t find anything that had background + responsive.

    Thanks again,
    Melissa

    January 10, 2014 at 12:35 pm #9911
    Wes
    Moderator

    That plugin is the one I’m using on the demo. As you can see here – http://demo.appfinite.com/followme/ it’s responsive and doesn’t get distorted. If you can’t find any other plugins, than you can manually do it by using a tutorial. I did a google search and came across a few –

    http://mobile.smashingmagazine.com/2013/07/22/simple-responsive-images-with-css-backgrounds/

    http://www.onextrapixel.com/2012/03/02/using-css-background-size-responsively/

    http://stackoverflow.com/questions/12609110/responsive-css-background-images

    …and there are many more you can find by searching “How to make background images responsive”. Although, it should work with the plugin I have in the Read Me….I’ve never had an issue with it on the sites I’ve tested it on.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.