Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 5, 2017 at 2:09 am #772127
    Doron

    ..i’m not sure why but in some part of the pages in dual language website i’m building (with wpml)
    the .av_one_fifth isn’t responsive – but only in the English side of the site!
    if you look into the links in the private content you will see that (for example) in the team section the columns are side by side even when you are viewing them in a mobile phone (instead of one under the other as they should be in mobile)!
    why is happening? and why isn’t it happening in the parallel page of the Hebrew language?
    I have to fix it ASAP, and will be Grateful for any help

    April 5, 2017 at 6:18 am #772218
    Doron

    o.k ..i think i manged to solved by manually adding huge amount of css
    ..but why is did it happen in the first place?

    April 6, 2017 at 8:51 pm #773485
    Victoria

    Hi Doron,

    Localization is challenging, not all elements can have dimensions set to auto, or better say most elements cannot be set to auto and texts in different languages vary in length. It is very hard to make any design to take that into consideration. The best way to deal with this is custom css, just like you did.

    I’ve worked with custom websites and even localized apps, the issue is the same.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 9, 2017 at 8:43 pm #775110
    Doron

    Victoria
    I think you miss understood me
    the enfold ‘team member’ element simply stopped acting in responsive manner but only in the English side of the website (please look in the screen shots again)
    it had nothing to do with the text length (they both had long text.. the Hebrew sometimes even longer)
    it had everything to do with missing css code (that wasn’t missing in the Hebrew side of the website)

    #teamnames > div {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
}

#teamnames > div > div > div > div > div:nth-child(n) {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;

    why? why only in the English side of the website this css wasn’t in place?

    April 9, 2017 at 10:02 pm #775133
    Mike

    Hi,
    Glad to hear that you found the issue, I can’t say why the en css was missing this code, but good catch on your part :)

    Best regards,
    Mike

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