Media Query – Entry

Community Forums Forums Design Tips and Tricks Media Query – Entry

This topic is: not resolved

Tagged: ,

This topic contains 4 replies, has 3 voices, and was last updated by  sweetmelody 6 months, 4 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #102714

    sweetmelody
    Participant
    Post count: 3

    How can I force the padding of .entry to 5px with the media query method on a screen of 320px and below?

    I’ve tried:

    @media only screen and (max-width: 320px) {
    .entry {
    padding: 5px;
    padding: 0.5rem;
    }
    }

    I’ve also tried to replace .entry with .post and .content but they don’t work.

    Any suggestions? Thanks :)

    http://vegeangel.com/2013/03/10/how-to-make-soy-milk/
    #102716

    David Chu
    Participant
    Post count: 1399

    Hi,
    On the surface, your code looks fine. My thought is that 320 is really small. Maybe try 480px instead and see if that gives you what you want.

    Cheers, Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #102724

    Lauren @ OnceCoupled
    Member
    Post count: 641

    I’m not seeing that code in your CSS. Do you have a caching plugin installed? You should make sure you clear that and ensure your CSS file is up to date with those changes.

    Best,
    Lauren


    I do custom WordPress work! http://oncecoupled.com
    Contact me directly: lauren@oncecoupled.com

    #102882

    sweetmelody
    Participant
    Post count: 3

    @David Lauren is right, Cloudflare caching is the cause, thanks and happy day! :)

    #102884

    sweetmelody
    Participant
    Post count: 3

    Thanks @Lauren, by turning on Cloudfare development mode, I’m able to see the changes!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.