[Pro] Line break

When you look at this site and put it into mobile view. " the official site of leonard marshall" breaks into 2 lines. How can I fix this so it is on one line?

http://www.hgrantdesigns.com/leonard/


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Reduce the size of the text as you go to smaller page sizes

This very helpful tidbit tells how to do it in freeway,

http://calebgrove.com/articles/responsive-text-in-freeway-7


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ahh, never thought of doing it that way! Thanks Craig


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

No luck. I wonder if it’s because I am using google font for it


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It needs to be an HTML font and you need to not set the font size in the inspector.

Delete any styles connected to the HTML block. Took me a while to get it to work, until I realized I needed to go to the styles page (the last tab in the inspector window) and delete them


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So I can’t use google font that i installed to use this?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Try this: replace the space between the words with: Alt - Spacebar.
Now there wil be no break between the words!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So I can’t use google font that i installed to use this?

Yes you can.

I would do what Caleb suggests ie use a media query to reduce the font size at smaller screen widths.

As you are on 6 this is probably going to give you the best results. Example code:

<style>
/* 1100px breakpoint */
@media screen and (max-width:1000px) {
    .mystyle { font-size: 30px; }
}
/* 768px breakpoint */
@media screen and (max-width:768px) {
    .mystyle { font-size: 20px; }
}
/* 480px breakpoint */
@media screen and (max-width:480px) {
    .mystyle { font-size: 18px; }
}
</style>

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ahh! I think I understand now. Will try it out and report back


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options