Tagged: , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 13, 2014 at 5:24 pm #250775
    debenm

    I’m using Enfold for the first time and am using the Parallax background feature for my color selections. The pages look great on a desktop browser, but on my iPad or iPhone the background images align left (instead of center) and/or do not resize very well to the smaller screen.

    Is there a way to get the color selection backgrounds to either resize to better fit the smaller screens or at least align center when in parallax?

    Also, my header image looks great on the desktop side, but then stretches to fit the whole screen on smartphone (looking terrible) and the navigation runs over the top of the image on tablet side. What are the best spec dimensions for a logo on Enfold?

    http://crossconnectionchurch.org/dev

    Thx.

    April 14, 2014 at 2:04 pm #251058
    Yigit

    Hi debenm!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
height: auto !important; }}

    I have checked your website on my iphone and color section background images look centered on my end – http://i.imgur.com/ieJrhnU.png
    Can you post a screenshot of the issue you are having?

    Best regards,
    Yigit

    April 15, 2014 at 8:19 am #251484
    debenm

    Yigit,

    Thanks! the code worked great..

    I’ve got three screen shots for you from http://crossconnectionchurch.org/dev/about/vision/

    iPad
    iPhone
    Desktop

    the image of the two girls is not centered on the ipad/iphone, but looks great on the desktop…

    in addition, the nav on the on the iPad collides with the logo.

    Thanks!

    April 15, 2014 at 2:32 pm #251612
    Yigit

    Hey!

    Please try adding following code to Quick CSS as well

    @media only screen and (max-width: 1024px) {
.av-parallax { background-size: cover !important; }}

    Regards,
    Yigit

    April 16, 2014 at 6:06 am #251937
    debenm

    Thanks…

    I added it… but it still seems to be pushing the images to align left instead of center.

    http://crossconnectionchurch.org/dev/about/vision/

    I checked it in both chrome and safari on the iPad…

    April 16, 2014 at 7:57 am #251964
    moma19sos

    I am having a similar issue on a site I am working. Using a static background picture works great on a desktop even when I resize it to width 640. But when I view the home on a mobile device, (iphone, ipad, or android) the image is not resized and instead shows a small zoomed in section of the background image. What am I doing wrong.

    http://www.churchapps.tv/

    Thanks!

    Morgan

    April 17, 2014 at 12:17 pm #252623
    Yigit

    Hey!


    @debenm     Can you try updating WordPress to 3.9 and Enfold to 2.6.4 and check if that helps?

    @moma19sos     it looks like your website is currently down http://www.downforeveryoneorjustme.com/http://www.churchapps.tv/

    Cheers!
    Yigit

    April 22, 2014 at 12:01 am #254060
    debenm

    Yigit,

    It’s all up to date, now. But it’s still aligning the bg img to the left.

    http://crossconnectionchurch.org/dev/about/vision/

    Thx.
    Miles

    April 23, 2014 at 12:47 pm #254868
    Dude

    Hey!

    I’m not sure if this will fix the issue on the ipad but try to change the “Background Attachment” to “fixed” and then change “Background Image Position” to “Center Center”, “Top Center” or “Bottom Center”. Afterwards switch “Background Attachment” back to “Parallax” and save the element settings.

    Regards,
    Peter

    April 2, 2015 at 10:14 pm #422802
    Dutchman

    Hi Debenm,

    I’m having the same issue (https://kriesi.at/support/topic/color-background) Did you fix it? Any tips would be very welcome!

    • This reply was modified 9 years, 8 months ago by Dutchman.
    April 3, 2015 at 7:42 am #422903
    Rikard

    Hi @Debenm,

    Would be great if you could share if you found a solution to this problem or not.

    Regards,
    Rikard

    July 7, 2016 at 4:29 pm #658137
    jholtdesign

    I am having the same issue with images resizing on an iPad. They look great on the laptop version but on the iPad they are in different positions and don’t scale down correctly (part of the images get cut off). Did anyone find a fix to this?

    July 11, 2016 at 3:28 am #659051
    Ismael

    Hi,

    A few explanations why this is happening can be found on this thread: https://kriesi.at/support/topic/color-background/#post-420028

    If you have more questions, please feel free to create a new thread.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Responsive resizing and aligning’ is closed to new replies.