Okay
  Public Ticket #2436654
Our Featured Food
Closed

Comments

  • Parviz started the conversation

    When the name of the food is a little long, it does not go to the second line. So the arrow falls off. Please fix it.

  •  850
    Jelly replied

    Hello,

    We are sorry for the inconvenience. Please add this code to css/main.css:

    .featured-text {width: 70%;}

    Best Regards,
    Jelly Team

  • Parviz replied

    Hello again. It is not completely solve this problem. The problem is continuing for these screens:

    • iPad Pro
    • iPhone 5/SE
    • 1366*768 (desktop)
    • Between 897-1106 pixels (desktop)
  •  850
    Jelly replied

    We are sorry about that. Could you please send us ftp login/password/url to your website as a private message?

    Best Regards,
    Jelly Team

  • Parviz replied

    We can`t send our FTP data, because site uploaded to our Laravel system and it system a little bit complexly.

    Please make your fix working with your own code, after we will apply these html/css codes to our codes. 

  •  850
    Jelly replied

    Ok great! Please allow me some time to provide you with the fixed version.

    Best Regards,
    Jelly Team

  •  850
    Jelly replied

    Please add this code to main/css/main.css:

    .featured-info { display: table; width: 100%; } .featured-text { float: none; display: table-cell; vertical-align: top; } .featured-button { display: table-cell; vertical-align: top; float: none; }
    

    Clean your cache and check.

    Best Regards,
    Jelly Team

  • Parviz replied

    Not working correctly

  •  850
    Jelly replied

    Please send us a screenshot. Thank you!

    Best Regards,
    Jelly Team

  • Parviz replied

    iPhone 5/SE

  • Parviz replied

    1366x768

  •  850
    Jelly replied

    Please also add this:

    .featured-text { width: 100%; }

    Best Regards,
    Jelly Team

  • Parviz replied

    Please test these codes before that send it to us. Our developer apply the last code too, but i am testing on different screens and see the same result.

    Please check on these screens:

    • iPad Pro
    • iPhone 5/SE
    • 1366*768 (desktop)
    • Between 897-1106 pixels (desktop).

    I hope that you can use inspect on Google Chrome and change resolutions and imitate different devices.

  •  850
    Jelly replied

    From my side: https://tppr.me/Zv2T, https://tppr.me/nnKiv, https://tppr.me/F0NrX

    Could you send us screenshots from your side with highlighted issues?

    Best Regards,
    Jelly Team

  • Parviz replied

    Can`t you see the problem on your screenshot?

  •  850
    Jelly replied

    This happens because multiple lines of text expand the container in which they are located. This is completely normal behaviour.

    Could you tell us how you want this to look?

    Best Regards,
    Jelly Team

  • Parviz replied

    Are you joking with me? (PART 2)


    I am sending my message, which i sent 2 weeks ago: "When the name of the food is a little long, it does not go to the second line. So the arrow falls off. Please fix it."

    I know cause of this problem, i need in solution. I should accommodate longer food names. In that situation food`s name should moving to second line.

  •  850
    Jelly replied

    Will this work for you: https://tppr.me/rbp1V. Please check and let me know.

    Best Regards,
    Jelly Team