Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image positioning #23

Closed
9 tasks
bytehead opened this issue Oct 30, 2014 · 10 comments
Closed
9 tasks

Image positioning #23

bytehead opened this issue Oct 30, 2014 · 10 comments
Labels

Comments

@bytehead
Copy link
Member

Options for background image positioning

  • center center (like now)
  • top
  • top right
  • right
  • bottom right
  • bottom
  • bottom left
  • left
  • top left
@ways2web
Copy link

what is the current positioning?

@bytehead
Copy link
Member Author

center center.

@ways2web
Copy link

yes...right. thx!!
but on desktop browser only :/

@bytehead
Copy link
Member Author

bytehead commented Nov 2, 2014

The background image is center center by default on every screen size.
You can disable centeredX oder centeredY in the settings, then its left top positioned.

@ways2web
Copy link

ways2web commented Nov 2, 2014

ok...my tests on a clean site without any stylesheets shows another result...
maybe.... its a problem with portrait and landscape (android) directly in jquery-backstretch.. i will look for issues

@bytehead
Copy link
Member Author

bytehead commented Nov 3, 2014

that's actually weird. do you have a link to this install?

@ways2web
Copy link

ways2web commented Nov 3, 2014

of course.. (link removed) - its only one document (now with a few styles).
you can see the true midpoint with dekstop browsers...around empire state building.
mobile view use starts "left center".. on my two devices

@bytehead
Copy link
Member Author

I do actually see this on your site:

    window.addEventListener("load-fullbg", function() {
        ;(function($){
            $(document).ready(function() {
                $.backstretch(
                    ["files/backgrounds/background.jpg"],
                {
                    duration: 0,
                    fade: 0,
                    nav: false,
                    navClick: false,
                    navPrevNext: false,
                    centeredX: false,
                    centeredY: false
                });
            });
        })(jQuery);
    });

Try enabling centeredX and centeredY in your settings.

@ways2web
Copy link

ahh... in the root-document are diffrent options to the "regular site type"
the start-position options was deactivated 👍

@bytehead
Copy link
Member Author

👍
There is fore sure some room for improvement on the docs...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants