Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 24, 2023 at 6:01 pm #1408458
    KMC22

    Dear moderators & participants,

    thank you in advance for helping me with the following issue: I’m using the simple slider on the start page with parallax-effect, background-image and centered headline with button below.
    On mobile screen the headline and button are no longer in the center. Seems as if there is a margin on the right side, whenever the screen falls under about 760 px.

    Thanks
    FW

    May 25, 2023 at 6:32 am #1408490
    Ismael

    Hey KMC22,

    Thank you for the inquiry.

    The issue you are experiencing seems to be related to a CSS modification that affects the container within the slider. Specifically, the following CSS code is causing the problem:

    div.container.caption_container {
    margin: 0px !important;
}

    This modification is conflicting with the desired layout. To resolve the issue, you can either remove the above CSS code entirely or add the following CSS code below the previous code to override it:

    .av-slideshow-caption div.container.caption_container {
    margin: 0 auto !important;
}

    Please make sure to clear any cache and refresh the page to see the changes take effect. If you require further assistance or have any additional questions, feel free to let us know.

    Best regards,
    Ismael

    May 25, 2023 at 8:30 am #1408493
    KMC22

    Thank you very much, Ismael.

    May 25, 2023 at 4:25 pm #1408549
    Rikard

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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