Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 14, 2016 at 8:08 pm #597954
    Arcatech

    Hi there,
    I have created a phone info area divided in 3 phrases/span (phone, address, time ) with an icon before each one

    But I have several problems:

    1) the icon tend to appear at the beginning of the line if I don’t float left them or make everything display inline

    2) The .phone-info area is definetly little for a long lne and the text tend to overflow. I tried to make it 100% but the problem remain in the inner span

    3) Responsive is a disaster: I had to make a float:left/clear both for each span for phone view. and it looks almost ok
    Tablet is a disaster. Text overflow and no spaces beetweern the lines

    You find url and code in the private content

    Please tell me what I am doing wrong…
    Thanks a lot

    March 17, 2016 at 6:50 am #599456
    Jordan

    Hey Arcatech!

    Thanks for reaching out to us!

    Could you also provide login details to the site in the Private Content section of your reply.

    Cheers!
    Jordan

    March 18, 2016 at 8:15 pm #600536
    Arcatech

    Sure here they are

    March 21, 2016 at 10:16 am #601134
    Arcatech

    Didi you chaned the password at the first login?
    Anyway one of your coleagues asked for the same access so I have updated the psw see below

    March 22, 2016 at 5:36 am #601675
    Rikard

    Hi,

    If you set all of your margins to 0 then there won’t be much space left no, you can try something like this instead:

    .phone-info .singlep .av-icon-char {
    float: left;
    margin: 0 0px 0 5px;
    padding: 0;
    display: inline;
}

    If you should need more help then please post a screenshot highlighting what you would like it to look like.

    Best regards,
    Rikard

    March 22, 2016 at 10:21 am #601790
    Arcatech

    The way you suggested looks good. It fits, Thanks

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Problem with phone info area and icons’ is closed to new replies.