[Pro] Use of css: font sizes at breakpoints

Freeway
1

I have some fonts which I want to resize at breakpoints 768 and 320.

In FW6 I had made my site responsive with some css code and my fontsize changed at only one breakpoint.

Have been trying to make the css work at two breakpoints but unfortunately with no success.

So how do I change a few fontsizes at two different breakpoints?

Http://www.appadvies.nl

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

2

What code are you using just now

David

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

3

At the moment you have

    /* 600px breakpoint (mobile) */
@media screen and (max-width: 600px) {
    .Footerbalk {
        font-size: 1em
    }
    .HeaderBalk {
        font-size: 1em
    }

So for a 320 breakpoint you would change it to

    /* 320px breakpoint (phone) */
@media screen and (max-width: 320px) {
    .Footerbalk {
        font-size: another size
    }
    .HeaderBalk {
        font-size: another size
    }
etc. etc.

And add it in with the rest after the larger size.

D

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

4

I did that like you suggest, but that did not work. The fonts changed at the first breakpoint, but after that one: nothing.

So I thought I had some piece of the code wrong and now I was looking for examples of working code for at least two breakpoints.

I have a feeling I have to do something with min-width and max-width, or with some ‘and’ ‘or’ code…

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

5

I did that like you suggest, but that did not work

Post a link to the page where this doesn’t work and we can have a look in case you have done something wrong.

D

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

6

Well I managed to figure it out!

I forgot to add this little one } between each new breakpoint in the code.

As you can see in my source it works fine now!

Thanks!

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