Tagged: 

Viewing 7 posts - 31 through 37 (of 37 total)
  • Author
    Posts
  • #598302

    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

    #600356

    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

    #604359

    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

    #604383

    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

    #803490

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

    #803514

    Hi,

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

    Best regards,
    Rikard

    #803515

    Closing thread.

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