Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 15, 2022 at 9:20 pm #1355400
    felixl

    Hi there,

    i´ve made for a customer of mine a new “undersite” (see private content).
    This Customer is using Enfold since 2016.

    On that new undersite i´ve used lot of “Button-Elements”.
    So far, it´s all good on PC.
    But i have Problems with the exact alignment especialley on iPhone 11 Pro, iPhone 8 (maybe on all iPhones).
    The alignment on all Phones are a litte bit to much on the right site (even on my Samsung S8).
    But on iPhone 11 Pro it is too extreme on the right side – looks like the frames on the right site are “cutted”.
    Not really cool.

    So please: can you take a look and help me?

    thanks a lot,
    felixl
    p.s.: please see your credentials below.

    • This topic was modified 2 years, 5 months ago by felixl. Reason: sorry, button is called "jetzt gewinnen" not "jetzt testen". my bad
    June 16, 2022 at 10:05 am #1355452
    Rikard

    Hey felixl,

    I’m not sure if I can see the problem on my end, could you share screenshots highlighting what you would like to adjust please?

    Best regards,
    Rikard

    June 16, 2022 at 4:06 pm #1355512
    felixl

    hello rikard,

    sure, please check the links below in private content.

    thanks a lot,
    felixl

    June 18, 2022 at 7:15 pm #1355707
    Mike

    Hi,
    Thank you for your patience and for the screenshots, I don’t have an iPhone but by examing with Chrome DevTools at 320px screen width, which is the typically small iPhone width I found that the x-large buttons have a min-width of 320px and the page has a max-width of 85%
    2022-06-18_007.jpg
    But once you look at the larger screen phones like 425px this issue doesn’t show.
    I recommend this css to correct for the smaller phones:

    @media only screen and (max-width: 430px) { 
.avia-button.avia-size-x-large {
    min-width: 100% !important;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 19, 2022 at 1:42 pm #1355760
    felixl

    Hello Mike,

    thanks a lot for your reply.

    I installed the css and my customer will check this on his iphone.
    i´ll get to you with the status, ok?

    have a great day,
    felixl

    June 19, 2022 at 2:21 pm #1355763
    Mike

    Hi,
    Ok, we will leave open to hear back from you.

    Best regards,
    Mike

    June 21, 2022 at 12:22 am #1355911
    felixl

    hello mike,

    got now the feedback from my customer…

    @media only screen and (max-width: 430px) {
    .avia-button.avia-size-x-large {
    min-width: 100% !important;
    }
    }
    works perfectly!

    thanks for your great support,
    felixl

    June 21, 2022 at 8:59 am #1355952
    Rikard

    Hi,

    Great, I’m glad to hear that it’s working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 21, 2022 at 7:45 pm #1356045
    felixl

    hello rikard,

    thanks, all is fine.
    you can close this topic.

    felixl

    June 21, 2022 at 9:10 pm #1356061
    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 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Problems with Buttons on iPhone / Responsive’ is closed to new replies.