Mobile Background Ally Theme – Fixed not working on iPhone

Homepage › Community Forums › Ally Theme Support › Mobile Background Ally Theme – Fixed not working on iPhone

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 12, 2015 at 7:21 am #15272
    Chris
    Customer

      Hi Team,

      I’m using the Ally Theme on a site for a new customer. I’m using a background image and set it to “Fixed” and have noticed a couple of things;

      1. The Background image on an iPhone and iPad scrolls and doesn’t stay fixed.

      2. I’m using the following widgets on the homepage, Home Featured 1,2,3 and the background is the image. Looking at the the Homepage on a Desktop and iPad versions the background image is the next layer, however, on an iPhone in Portrait and Landscape modes, in the middle of Home Featured 2 the background is white (#FFFFFF) to the end of Home Featured 3. It doesn’t look very nice.Can you please advise?

      3. On the iPhone version, the logo is off to one side, can you please advise on this as well.

      4. On the Ally theme, how would you go about introducing the mobile menu symbol, the small horizontal lines, rather than the full text version of the menu? Is this a big job?

      The site is http://www.superiormotorcycles.com.au

      Thanks

      Chris

      March 16, 2015 at 12:37 am #15318
      Eric
      Customer

        Which part of your image do you want to stay fixed, because by default, the images aren’t designed to stay fixed, unless you add the proper code to do so.

        Also, Appfinite (and the Community) has a One Question/Topic Per Thread Policy to help keep each Thread/Post Organized, which makes it easy for others who are searching for similar topics/solutions to questions/issues. So if you have separate or unrelated questions you’ll need to create threads for each of those questions/topics individually.

        Nice site BTW 🙂 I Love Cycles!

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        March 16, 2015 at 1:21 am #15320
        Chris
        Customer

          Hi Eric,

          Point taken about overloading the message with several issues. I read it after I submitted, oops.

          I have kind of resolved the issue by moving the text widget I created, “Brands we service” to Home Middle 3 Wide, however, here’s the advice I’m after.

          After some CSS searching when in its mobile mode for iPhones, the issue is that .home-features .wrap and .home-middle .wrap cause a white background. It seems that the two combined together create this situation. If I remove the border and padding on each, the problem goes away.

          I would like to retain the sizing to have a clear background. Is this possible??

          I hope that makes sense.

          Chris

          .home-features .wrap {
          border-top: 1px solid #eee;
          padding: 80px 0 5px;

          .home-middle .wrap {
          border-top: 1px solid #eee;
          padding: 80px 0 40px;

          March 17, 2015 at 12:11 am #15330
          Eric
          Customer

            I think thats because you have a background image that is limited in size, and doesn’t have the height to cover the entire page/site. The two div section/areas you mentioned actually have a clear background…..it’s just that your main background image doesn’t stretch that far.

            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

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