Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 3, 2019 at 8:34 pm #1097010
    Photoart-Huebner

    Hallo enfold-support.

    Wie kann ich in der mobilen Ansicht Bilder über die volle Breite anzeigen lassen? Texte sollen weiterhin von einem weißen Rahmen links und rechts eingerahmt bleiben. Ich hoffe ich habe mich verständlich ausgedrückt.

    Habe das hier https://kriesi.at/support/topic/how-to-make-images-display-full-width-on-mobile/ bereits ausprobiert. Dann sind aber auch die Texte über die gesamte Breite dargestellt.

    Viele Grüße

    Marcus Hübner

    May 4, 2019 at 2:24 pm #1097211
    Victoria

    Hey Photoart-Huebner,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    May 5, 2019 at 3:36 pm #1097448
    Photoart-Huebner
    This reply has been marked as private.
    May 6, 2019 at 5:48 am #1097584
    Rikard

    Hi Marcus,

    Thanks for the screenshot. You can’t have only the image full width unfortunately, you would have to change that globally and that would mean that your other content would also be full width on mobile after that.

    Best regards,
    Rikard

    May 7, 2019 at 11:42 am #1098050
    Photoart-Huebner

    Hi Rikard.

    Thank you for the fast support.

    I think it would be fine to use it globally. Can you tell me how to switch? Is it a CSS code or can I manage it in the backend?

    Best regards.

    Marcus

    May 8, 2019 at 5:34 am #1098274
    Rikard

    Hi Marcus,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .container {
    width: 100% !important;
    max-width: 100% !important;
}
}

    Best regards,
    Rikard

    May 9, 2019 at 11:14 am #1098858
    Photoart-Huebner

    Hello Rikard.
    This CSS works, but it works for all content.

    https://www.photoart-huebner.de/wp-content/uploads/2019/05/mobile-3.jpg

    Is it possible to apply mit only for the pictures? Text should have white space left and right like before using your quick css.

    Best regards.

    Marcus

    May 10, 2019 at 5:29 pm #1099343
    Nikko

    Hi Marcus,

    Can you try using this css code:

    @media only screen and (max-width: 479px) {
  .avia-image-container .avia_image {
    margin-left: -9%;
    margin-right: -9%;
    width: 120%;
    max-width: 120%;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    May 12, 2019 at 2:52 pm #1099746
    Photoart-Huebner

    Hey Nikko.

    On first view it seems to work fine! Great Job!

    Best regards

    Marcus

    May 13, 2019 at 6:41 pm #1100206
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Please bookmark Enfold Documentation for future reference.
    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Bilder auf Handy in voller Breite, Texte weiterhin mit weißem Rand’ is closed to new replies.