Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 13, 2019 at 9:31 pm #1147627
    mashka90

    Hello,

    My issue – The section of my web page “MY CLIENTS” is showing one partner logo incredibly smaller than the other partner logo, when visited using mobile device. However, everything looks fine when visiting my page on using desktop laptop.

    I already tried uploading different size photos, and tried adjusting it all within the settings within the section itself, but nothing improved the appearance.

    Unfortunately I cannot code, so I don’t know how to code my way out of this.

    Please help :)

    October 14, 2019 at 5:12 am #1147706
    Rikard

    Hey mashka90,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.home .avia-builder-el-60 {
    vertical-align: middle !important;
    padding: 25px !important;
}
}

    Best regards,
    Rikard

    October 14, 2019 at 5:36 pm #1147878
    mashka90

    Hi Rikard,

    Thanks for the fast reply, this actually worked – but only on iPhone screen.
    On Samsung S8+, the logo still appears smaller than the other partner logo.

    Should I adjust the code you provided by changing the max-width to a different size?

    Thank you in advance!

    October 15, 2019 at 1:47 pm #1148076
    Rikard

    Hi,

    Thanks for the update, I can’t see the CSS I sent to you applying on mobile. Did you make sure to clear the old CSS and JS files under Enfold->Performance before checking the results?

    Best regards,
    Rikard

    October 15, 2019 at 3:23 pm #1148111
    mashka90

    Hello,

    I haven’t cleared anything before applying code to Quick CSS (General styling), tho.

    I am sending you links to screenshots of both iPhone 7 and Samsung S8+ appearance, so you can see.
    https://ibb.co/frjCPdt
    https://ibb.co/F7g2Bqb

    It was smaller on iPhone before applying the mentioned code, now it is ok. Only Samsung’s bigger screen and resolution is an issue now.

    I am not sure what to do now?

    Thank you!

    October 22, 2019 at 7:28 am #1150064
    Ismael

    Hi,

    Thank you for the update.

    Looks like S8+ has larger screen resolution (1440 x 2960) compare to other devices. Try to increase the max-width value in the css media query.

    @media only screen and (max-width: 1440px) {
    .home .avia-builder-el-60 {
        vertical-align: middle !important;
        padding: 25px !important;
    }
}

    Best regards,
    Ismael

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