Hi,
did anyone of you also noticed that the RSD theme TheCoast is looking great but the backgrounds in these sections are looking wired on mobile devices?
http://www.coffeecup.com/help/articles/take-30/
http://me.coffeecup.com/index.html
I had a look on my iPad and something seems to be wrong here. Background-Images seem to be very stretched.
If you test this on a browser on a Mac or PC is is looking good but not on an iPad/iPhone.
Any ideas?
Thanks
Take30 or TheCoast Theme Background...
Benjamin Schleef
Registered User
7 posts
Adam East
Registered User
3,293 posts
Hey Benjamin,
One thing to keep in mind is that iOS Safari has some unexpected behavior when using the fixed value. One workaround to this would be to change the attachment to scroll once you reach a tablet breakpoint or to be safe, around 1024px.
You can also use Skrollr, which is a Javascript option to correct this issue.
One thing to keep in mind is that iOS Safari has some unexpected behavior when using the fixed value. One workaround to this would be to change the attachment to scroll once you reach a tablet breakpoint or to be safe, around 1024px.
You can also use Skrollr, which is a Javascript option to correct this issue.
Benjamin Schleef
Registered User
7 posts
Ok...how would I implement Skrollr with RSD?
I would download the files and put them into the Footer section like this:
<script src="js/skrollr.min.js"></script>
<script>
var s = skrollr.init();
</script>
But how to go from there?
I would download the files and put them into the Footer section like this:
<script src="js/skrollr.min.js"></script>
<script>
var s = skrollr.init();
</script>
But how to go from there?
Adam East
Registered User
3,293 posts
Benjamin Schleef wrote:
Ok...how would I implement Skrollr with RSD?
I would download the files and put them into the Footer section like this:
<script src="js/skrollr.min.js"></script>
<script>
var s = skrollr.init();
</script>
But how to go from there?
Ok...how would I implement Skrollr with RSD?
I would download the files and put them into the Footer section like this:
<script src="js/skrollr.min.js"></script>
<script>
var s = skrollr.init();
</script>
But how to go from there?
If you are unsure of how to use Skrollr, the simplest option would be to set the background to scroll on the desired breakpoint.
mark johnson
Registered User
388 posts
same question here. I've looked at scrollr several times but never sure what I am supposed to upload (or where) to make it work in rsd. github has a lot of cool stuff, but lacks in step by step instruction...imho, of course. I suppose others thinks it is a great source all round.
Benjamin Schleef wrote:
Ok...how would I implement Skrollr with RSD?
I would download the files and put them into the Footer section like this:
<script src="js/skrollr.min.js"></script>
<script>
var s = skrollr.init();
</script>
But how to go from there?
Ok...how would I implement Skrollr with RSD?
I would download the files and put them into the Footer section like this:
<script src="js/skrollr.min.js"></script>
<script>
var s = skrollr.init();
</script>
But how to go from there?
paintbrush
Ambassador
3,816 posts
...the simplest option would be to set the background to scroll on the desired breakpoint.
This is a standard practice, rather than a "good enough work-around".
Otherwise, you're adding more JS for very little effect on those smaller screens.
If you want to use that script, you need a link to the Jquery CDN at the bottom of your page (usually right above individual scripts). Example:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
Benjamin Schleef
Registered User
7 posts
I know how to add the script.
However I am not sure how to implement it within RSD here.
Of course I could edit the HTML afterwards but I need to keep in mind that everything I do an export I need to do these changes again.
I would like to implement this via RSD to make sure it will be part of every export.
Any advise would be much appreciated.
However I am not sure how to implement it within RSD here.
Of course I could edit the HTML afterwards but I need to keep in mind that everything I do an export I need to do these changes again.
I would like to implement this via RSD to make sure it will be part of every export.
Any advise would be much appreciated.
paintbrush
Ambassador
3,816 posts
OK, If I understand... it's just within RSD that you're not sure how to insert the script? If so, you can add your scripts to Resources, then under the gear icon (in the right panel), go to Footer and click Add Resource. Now it will be included in the RSD files and you won't have to add/re-add after export.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
bburgess
Registered User
162 posts
Adam East wrote:
Hey Benjamin,
One thing to keep in mind is that iOS Safari has some unexpected behavior when using the fixed value. One workaround to this would be to change the attachment to scroll once you reach a tablet breakpoint or to be safe, around 1024px.
You can also use Skrollr, which is a Javascript option to correct this issue.
Hey Benjamin,
One thing to keep in mind is that iOS Safari has some unexpected behavior when using the fixed value. One workaround to this would be to change the attachment to scroll once you reach a tablet breakpoint or to be safe, around 1024px.
You can also use Skrollr, which is a Javascript option to correct this issue.
That's good to know Thanks Adam!
KISS is the key!
Benjamin Schleef
Registered User
7 posts
After some Google search I found that the problem with "fixed" background is more complicated.
I have tried some JQuery Plugins but without any success yet.
SkrollR seem to me a bit too complicated to achieve such a small thing.
I am testing some more things and keep you posted.
If in the meanwhile some has another good idea to get a background image fixed which would work fine on iOS more more than happy to test this.
I have tried some JQuery Plugins but without any success yet.
SkrollR seem to me a bit too complicated to achieve such a small thing.
I am testing some more things and keep you posted.
If in the meanwhile some has another good idea to get a background image fixed which would work fine on iOS more more than happy to test this.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
