[Resolved] media query for iphone 5?

Home Forums Support media query for iphone 5?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #972013
    Alex

    Hi there,

    I’m trying to get some sub headers on my site to shrink when viewed on an iphone 5 and a Motorola g6

    So far I have this but it doesn’t seem to be working – any idea what i’m doing wrong?

    @media (max-width: 320px) {
    .portfolio-caption {
    
    font-family: 'Space Mono', monospace;
        font-size: 55%;
        letter-spacing: 0;
        line-height: 140%;
        hyphens: none;
        color: #bfc4bf;
    }
    	
    	}

    Thanks in advance!

    #972268
    David
    Staff
    Customer Support

    Hi there,

    where did you add that CSS? Currently i can’t tell where as its being combined in an Autoptimize cache file – which means its being loaded first, then the Simple CSS containing the standard styles is being loaded which is overriding the mobile styles.

    Move the styles to the Simple CSS and make sure it is below the existing .portfolio-caption styles.

    #972281
    Alex

    Hi David,

    Thanks for that, forgot to deactivate the caching plugin!

    Originally I had it in ‘Additional CSS’ rather than ‘Simple CSS’, which does GP give priority to?

    Also, will reinstalling the caching plugin knock out the new mobile styles?

    Thanks!

    #972287
    David
    Staff
    Customer Support

    Simple CSS is loaded before the Additional CSS – so additional CSS rules will overwrite the same rules in simple css. However when you combine CSS and load it as critical CSS using the cache plugin the order gets messed up.

    I would advise putting all your CSS in only one of them.

    #972296
    Alex

    Thanks David, will give that a go! Thanks for your help, very much appriciated!

    #972297
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.