Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 19, 2015 at 11:24 am #414277
    clementader

    Hi Kriesi !

    My website ( http://www.clementader-lefilm.com/ ) is not displayed as it should be on mobile devices (screenshots below).
    I wonder if it is not related to my images sizes or the color sections. I want my images to be in full width, so I used 1920 x 450 px images and insert them in color sections elements (settings : fix height to 450 px).

    Maybe there is an other way to display my pics in full width ? I think it would better : 1920 px is pretty big !

    Cheers,

    capture 1

    capture 2

    March 19, 2015 at 8:48 pm #414825
    Elliott

    Hey clementader!

    When you edit the color section switch to the “Section Background” tab and make sure the image is set to the background. Next scroll down a bit more and set the “Background Repeat” option to “Stretch to Fit”.

    Best regards,
    Elliott

    March 20, 2015 at 12:19 pm #415230
    clementader

    Thanks Elliott !

    Thanks to you I reduced my images size to 1440 px width and it’s ok.

    But still no responsive.
    I noticed that when I switch the color section element to “no minimum size (etc..)”, it’s responsive but my images are cropped.
    Screenshot :

    capture

    instead of (with “custom height” set to 450 px) :

    capture responsive

    March 21, 2015 at 9:03 am #415680
    Ismael

    Hi!

    Thank you for using Enfold.

    The color section background size is set to cover by default which means:

    Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area

    You should separate the “text image” and the “man” image. Use the Image element to add the “text image” inside the color section. Apply the “man” image as color section background. Set the Background Repeat to No Repeat then the Background Image Position to Center Right. Set Custom Background Color to #000000 (black).

    Best regards,
    Ismael

    March 22, 2015 at 3:57 pm #415973
    clementader

    Hi Ismael,

    What do you mean by “text image” and “man image” ?

    March 24, 2015 at 2:47 am #416865
    Ismael

    Hi!

    I’m sorry about the terms, I thought it was obvious. I meant to separate the “Clement Ader” (text image) and the “man” behind the background.

    Cheers!
    Ismael

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