Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 14, 2017 at 1:07 pm #746873
    ernaborbas

    Hello supporters,

    I am trying to figuring out how to make this work.
    I want this example to work on smaller screens.

    View post on imgur.com

    It works good on a higher resolution screen.

    But when the resolution gets smaller the value’s break out of their lines

    View post on imgur.com

    The code that I use right now is:

    <div id="textbox">
<h4 class="alignleft"><a href="http://nlboos-osterwaal.savviihq.com/wp-content/uploads/2016/12/B12A5424.jpg"><span style="color: #ec5c30;">SPICY CHICKEN</span></a></h4>
<h4 class="alignright"><span style="color: #ec5c30;"> € 6,95</span></h4>
</div>

    Does anyone know a good solution for this?
    Or maybe a sort of plugin that allows me to put text in the same line, aligned to the right.
    WEBSITE: http://nlboos-osterwaal.savviihq.com/afhalen/

    Thanks in advance!
    – Marc

    • This topic was modified 7 years, 9 months ago by ernaborbas.
    February 16, 2017 at 10:49 am #747893
    ernaborbas

    Any idea’s about my “problem” ?

    February 17, 2017 at 2:10 pm #748434
    ernaborbas

    Topic can be closed, I am going to use images with the price. and fix them in the corners of the elements.

    February 17, 2017 at 9:25 pm #748653
    Nikko

    Hi,

    Sorry we weren’t able to answer your question. Glad that you found a workaround for this.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Making this responsive without breaking out of its line.’ is closed to new replies.