Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 2, 2019 at 11:00 pm #1115292
    GaWi

    Hello,
    on my starterpage i have 2 color section with small photos fixed on the right side. When i look on the desktop “Change in responsive design” it looks good. The two photo fits perfect into the mobile-screen and the text moves up over the photos. Clean and nice. But when i look on my real iphone, the photos are much bigger, horrible resolution and the text stucks on the photo. Not possible to read the text. Not the same effect like on desktop-Responsive design. I would like to have the photos fit into mobile-screen, fixed, an the text moves scrolling over the photo.
    I allready tried to resolve with 2 color section – hide one on desktop, tablett an the other show only on mobile. But on my iphone everything looks bad.
    Greets Gabi

    July 4, 2019 at 7:39 pm #1115863
    Victoria

    Hey GaWi,

    The iphone and ipad don’t work well with the fixed images. It is better to hide them for ipad and iphone completely. DO you need help with that?

    Best regards,
    Victoria

    July 4, 2019 at 7:43 pm #1115865
    GaWi

    Hey Victoria,
    thanx. how can i hide the photos on mobile, because there is text in the color section an this should be readable on mobile.
    i just now the way to hide the color section.
    Greets Gabi

    July 4, 2019 at 8:27 pm #1115888
    GaWi

    Ok, i found a quick-and-dirty-way – make 2 separate color sections, one with text and one with photo.

    Another question: On menu “Über uns” the bullets in the timeline with photos don´t appear on mobile.

    July 6, 2019 at 7:53 am #1116167
    Rikard

    Hi,

    The layout of the timeline is different between desktop and mobile because the lack of space on smaller screens, do you mean that you want the orange dot and line to display on mobile as well?

    Best regards,
    Rikard

    July 6, 2019 at 10:06 am #1116227
    GaWi

    Hi Rikard,
    it is not the layout. It is the photo. It doesn´t appear. It keeps a small lightgrey dot. See the Screenshots.
    https://www.dropbox.com/s/wnr2tyhlimeh6mv/IMG_0349.JPG?dl=0
    https://www.dropbox.com/s/02nk5xst56gngtr/IMG_0350.JPG?dl=0
    Greets Gabi

    July 7, 2019 at 10:03 am #1116388
    Victoria

    Hi GaWi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 1024px) {
  .responsive.avia_transform .avia-timeline-vertical.avia-timeline-animate .milestone_icon {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 7, 2019 at 12:28 pm #1116432
    GaWi

    Hi Victora,
    yess! they appear! Thanx for resolving.
    Greets Gabi

    July 8, 2019 at 5:06 am #1116548
    Rikard

    Hi Gabi,

    Great, I’m glad that Victoria 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

    July 8, 2019 at 8:04 am #1116578
    GaWi

    Hi Rikard,
    it can be closed.
    Thanx Gabi

    July 8, 2019 at 2:03 pm #1116680
    Rikard

    Hi,

    Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Photo in Color Section mobile’ is closed to new replies.