Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 11, 2017 at 9:26 pm #863025
    shofzumahaus

    Hi!

    I’m new to enfold (and website designing in general) and first of all I would like to say how much I appreciate your efforts to making enfold being really nice and easy to set up. So far … ;-)

    I just finished the website of my wife and I have two fancy color sections with background pictures on my home page (one at the top and one at the bottom). They look really great on my desktop monitor and my wife’s laptop, Unfortunetaly, they do scale very badly when watching at the website via smartphone. When I tilt the smart phone to the side (“widescreen”) it sizes correctly, but not while holding the smartphone upright …

    I would really appreciate if you could help me with some tips or “magic” code… ;-)

    I put the link to the website into the private content.

    Thanks a lot in advance!
    Sebastian

    October 11, 2017 at 11:23 pm #863060
    Jordan Shannon

    Hey shofzumahaus,

    One solution would be to use a photo editor to edit the image to be more mobile friendly, and then use css to display that instead on mobile devices.

    Best regards,
    Jordan Shannon

    October 12, 2017 at 8:19 am #863247
    shofzumahaus

    Hey Jordan,

    Thanks for your quick reply!

    That’s actually something I already tried to some extend: I copied the entire color section in the advanced layout editor, configured it to be displayed only for very small screens of up to 479 pixels and replaced the pictured used as background with the same picture, I resized earlier to a width of 479 pixels. Though the picture was displayed differently, it was still not displayed properly but in a kind of zoomed in way and really grainy…

    I played around with all the different settings Enfold offers to place the picture (stretch to fit, scale to fit etc.) but nothing seemed to help. The pic always looked like it was stretched beyond the screen and only the most center part was visible on my smartphone display.

    Also, I do not have the slightest clue about CSS …

    Best
    Sebastian

    October 13, 2017 at 7:26 am #863752
    Rikard

    Hi,

    Thanks for the feedback. Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    October 13, 2017 at 6:25 pm #864076
    shofzumahaus

    Hi Rikard,

    that would be really great! I played around a little bit more and now it looks OK, though I’m not really satisfied. I do not understand why the pictures are not displayed in their entirety, but only in a small part.

    Please find the link with the login in the private content down below.

    Thanks a lot for your help!
    Sebastian

    October 17, 2017 at 3:49 am #865064
    Ismael

    Hi,

    I do not understand why the pictures are not displayed in their entirety, but only in a small part.

    The background size property is set to “cover” (http://bit.ly/2nBh42o) which means that the image will cover the entire container but parts of the image may not be in view of the background positioning area because it has to keep its aspect ratio. We can set the background size property to “contain” or “100%” but it may create white spaces around the container or distort the background image. If you’re satisfied with the position of the background image but find it a little bit blurry, try to double the size of that background image.

    Best regards,
    Ismael

    October 19, 2017 at 9:09 pm #866452
    shofzumahaus

    Hi Ismael (and everyone else),
    thanks for the tipp! That sounds logical. Let’s see if I can’t get it working the way my wife wants ;-)
    Best regards,and have a nice evening!
    Sebastian

    October 20, 2017 at 11:26 am #866675
    Rikard

    Hi Sebastian,

    Thanks for the feedback and best of luck to you. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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