9 Replies Latest reply on Jan 4, 2018 6:53 AM by Günter Heißenbüttel

    Iphone problem with home page

    JohnWGaudette Level 1

      I have a weird problem:

      My site works everywhere except the home page on my iPhone.

       

      Here is a link to my site it's in test mode.  Home

       

      Whats happening on my iPhone is the four image bank is going under the text.  The text is resizing properly although the images are not dropping below the text.

      Dragging down on computer browser does not emulate the problem.  It works fine here.  All other pages are working.

       

      So weird it's blowing my mind

       

      I have tried turning pinning off and on.  In the 320 size i moved the images way down the page, it still comes out behind the text.

       

      Does anyone have any idea where I have gone wrong?

       

      Thanks in advance for any help

       

      John

        • 1. Re: Iphone problem with home page
          Ussnorway Adobe Community Professional

          is the text not above the image at your end... this is what I get for your home page layout on desktop FF

          Screenshot (443).png

          • 2. Re: Iphone problem with home page
            JohnWGaudette Level 1

            Ussnorway

            Its not the text image that is the problem.   I built the 4 images in photo shop. 

            What the problem is is the site text above the images.  The "Commercial image"is flowing underneath the site text above.

            This is only happening on and iPhone in a vertical position, if I turn the phone sideways everything lines up perfectly.

            Thanks,

            John

            • 3. Re: Iphone problem with home page
              Günter Heißenbüttel Adobe Community Professional

              Please give us a.muse file (–> Dropbox, CC Files, …) with only one page, without menu, only the text at the bottom and only one of these images below. This helps checking the file and save download time. Please follow these instructions: https://forums.adobe.com/docs/DOC-8652

              I assume, that the text container overlaps the first image, so it won’t be pushed down.

              • 4. Re: Iphone problem with home page
                JohnWGaudette Level 1

                You are correct, the text is baked into the image.  My problem is the top image "commercial"  is flowing under the site text only on my iPhone in a vertical position.  The text is reformatting as it's suppose to but not pushing the images down the page. 

                Never had this problem before.

                J

                • 5. Re: Iphone problem with home page
                  Günter Heißenbüttel Adobe Community Professional

                  And? The file I asked for? But take time, it is bed time in Germany!

                  • 6. Re: Iphone problem with home page
                    Ussnorway Adobe Community Professional

                    the "commercial" and "Sports / Events" menus both go outside the canvas

                    Screenshot (450).png

                    • 7. Re: Iphone problem with home page
                      JohnWGaudette Level 1

                      Gunter

                      Here is a link to the muse file home page only

                      I am also including a link to the images on the home page.

                      Also here is a screen shot from my iPhone, the only place the problem is occurring.  If I turn the phone horizontal everything works fine.

                      Thanks for your help in understanding this problem

                      Adobe Creative Cloud

                      Adobe Creative Cloud

                      IMG_3093.png

                      1 person found this helpful
                      • 8. Re: Iphone problem with home page
                        Ussnorway Adobe Community Professional

                        i must be sleepy... at 380 they all look more or less the same to me but

                        Screenshot (454).png

                        Screenshot (456).png

                        • 9. Re: Iphone problem with home page
                          Günter Heißenbüttel Adobe Community Professional

                          The issue is quite understandable, if you try  look at your page with Muse’s eyes :

                          Muse has to decide, which elements are „responsible“, to push down which other elements. If there is more than one possibility, Muse has to make a decision – and this decision may be wrong, as in your case.

                          You want the four page wide images to be pushed down by the text frame, which is placed vertically „above“ these images, and this seems to be very obvious. Since a computer application unfortunately is not a human being, this is not obvious for Muse and it has to decide, what to do, and which element should cause the images below to shift down. Which element is the „key element“:

                          • The text frame?
                          • The menu button („Home“)?
                          • The logo top left of the page?
                          • The number under the logo?
                          • The accordion menu in smaller breakpoints?

                          This decision is even more difficult, as there is a pinned, proportionally scaling image in the background, which „includes“ all other elements.

                          The solution is quite simple: Tell Muse, that the text frame is the „key element“, which should move down the other objects:

                          Do this by grouping the text box and the first of these 4 wide images, and all works as expected, because Muse now has a better idea, what you want and what should happen.

                          It would be even more easy, if you delete the big background image and fill the page background with this image instead:

                          Make sure, that no element at all is selected and click onto „Fill“ in Muse’s upper control strip. A panel appears, where you can assign a background fill to the page (not to the browser), and configure its behaviour (scaling, reference point, …)

                           

                          One question at the end, because it happens that often:

                          I ask you: "Please give us a.muse file (–> Dropbox, CC Files, …) with only one page, without menu, only the text at the bottom and only one of these images below. This helps checking the file and save download time."

                          Why on earth isn’t this friendly request respected? Your file wasn’t reduced at all, and needs a quite long time to be downloaded. As I unfortunately have a considerably slow internet connection (Yes, I am living in the „high tech country“ Germany ) it needs 5 to 10 minutes to download the file. Inspecting only ten of these kind of files will take me between one and two hours – and the .muse document isn’t even checked. Additionally,t is of course much more time consuming to preview and check a large document, compared to a smaller one.

                          All this time is simply wasted and can’t be used to help other community members.

                          Only to give you an example: I reduced your file from over 100 MB to the slim size of 1,3 MB, before I even started to check it. Finding the issue was matter of seconds – no relation to the „setup time".

                          Therefore: Cooperate! Support the helpers! Don’t flood the helpers with gigantic .muse files and try to reduce them by deleting all unrelated elements.

                          No insult, no offend – just a hint for the next question!

                          1 person found this helpful