Tagged: 

Viewing 7 posts - 31 through 37 (of 37 total)
1 2
  • Author
    Posts
  • March 15, 2016 at 11:14 am #598302
    Jasmer

    1. All media queries are combined. Thank you

    2a. Yes the point I am making is that the CSS is perfect on ALL devices except the iPhone 6s Plus. If I adjust the CSS then it will not be perfect on all the other devices. (iPhones 4s,5s, 6 and Android HTCONE)

    2b. You told me to change this CSS HERE

    And this css declaration is not good because it will affect all color sections:

.avia-section {
height: 165px;
}

    I pointed out that Andy told me to use that CSS
    ANDY CSS HERE

    The question is what do you want me to change it to? I understand logically what you are saying, but I’m not sure what the correct declaration is.

    AND why is the section perfect on all devices except the iPhone 6s PLUS? And maybe other Androids that are that size?

    ALSO if you notice the icons inside the circles are very tiny on the 6s Plus. Look at it on your phone to contrast.

    PLEASE log in and look at my CSS and tell me what you think is causing the problem. You have logged in before for me on a mother site some time ago. If I ever needed it I need it now.

    I am 99% of the way there. I have the last small problem left to solve then I can use this CSS on all other site with this element.

    I really think after many days have passed that you have to go back to reread what is going on. This post I am making today is mainly repetitive. I know it’s been a bit confusing and I greatly appreciate your help.

    Thank you in advance,

    Jasmer

    March 18, 2016 at 4:13 pm #600356
    Andy

    Hey!

    I can see in your source code that you using this code:

    @media only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: portrait) {
a.av-icon-char {
font-size: 20px !important;
}
}

    which seems to cause this issue on iPhone 6 Plus. Use a different value for your font size: 

    @media only screen and (max-device-width: 736px) and (min-device-width: 414px) and (orientation: portrait) {
a.av-icon-char {
font-size: 40px !important;
}
}

    Best regards,
    Andy

    March 29, 2016 at 11:03 am #604359
    Jasmer

    Thank you, I think this fixed the issue. Can we leave this topic open for a while so I can test on different devices please?

    Jas

    March 29, 2016 at 11:47 am #604383
    Andy

    Hey!

    alright. I will keep this thread open for a while for you. Let us know if you have any new information us with this issue. Otherwise feel free to open a new ticket for a new question/issue.

    Regards,
    Andy

    June 4, 2017 at 5:08 am #803490
    Jasmer

    Hi Andy, solved. Please feel free to close. Thank you

    June 4, 2017 at 7:43 am #803514
    Rikard

    Hi,

    Great, thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    June 4, 2017 at 7:43 am #803515
    Rikard

    Closing thread.

  • Author
    Posts
Viewing 7 posts - 31 through 37 (of 37 total)
1 2
  • The topic ‘Content Element: Icon – On Mobile Site’ is closed to new replies.