Home page background image distortion on FOLLOW ME theme

This topic has 5 replies, 2 voices, and was last updated 9 years ago by Wes.

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.