Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 20, 2023 at 6:55 pm #1401814
    WPDESIGNER

    Hi, I have a problem regarding the Fullwidth Easy Slider Element.

    I have a slide, with a person in the center (head is in horizontal center) and the text + buttons are on the left side of his head. When making the browser window smaller (towards tablet and mobile size) the image gets repositioned in order for the element to stay responsive – that is good. But the problem is, it repositions itself not evenly, so the head moves more and more towards the left of the slider, thus covering the the text and buttons at some point.

    I want the image (resp. the head of the subject) to stay at the center of the frame, or, if that is not possible, that the image repositions itself towards the right side of the screen and therefor granting the text enough space. It would be really great if you can provide custom css code for both of the solutions (repositioning to center and to the right), so i can check, which works best for my usecase.

    Thank you very much!

    Best regards,
    David

    March 21, 2023 at 3:55 pm #1401917
    WPDESIGNER

    Hi, are there any updates for this issue? Thank you in advance!

    March 23, 2023 at 6:11 am #1402077
    Nikko

    Hi David,

    We apologize for the delayed response.
    Please give us a link to your page with the fullslider mentioned so we can inspect it and try to provide CSS code to fix it.
    You can post it privately so only moderators can view.

    Best regards,
    Nikko

    March 23, 2023 at 3:42 pm #1402164
    WPDESIGNER

    Please see the private Content

    March 24, 2023 at 7:05 am #1402241
    Nikko

    Hi David,

    Thanks for providing the page link however it’s difficult to see the issue, can you duplicate the page and show the slider on mobile and give us the link to the duplicate.

    Best regards,
    Nikko

    March 24, 2023 at 1:05 pm #1402297
    WPDESIGNER

    You can easily replicate the issue when resizing the browser window only on the left side (drag left edge towards the right side of the screen) in order to gradually make browser window narrower. Than you will see, that the slide image gets repositioned to the left (head stays not in the center) and therefore the text gets overlayed on the face.

    March 24, 2023 at 2:59 pm #1402311
    Nikko

    Hi WPDESIGNER,

    I see, it’s seems too difficult just to center it, but if it stays a bit on the right, then you can just add this CSS code in Enfold > General Styling > Quick CSS:

    .home #full_slider_1 .av_slideshow_full li img {
    left: 0 !important;
}

    Best regards,
    Nikko

    March 27, 2023 at 3:39 pm #1402649
    WPDESIGNER

    Thank you very much, that fixes the problem.

    Best regards,
    David

    March 28, 2023 at 6:42 am #1402717
    Ismael

    Hi,

    Great! Glad to know that the solution worked. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Fullwidth Easy Slider Image Positioning when changing Screen Resolution’ is closed to new replies.