[twentytwelve] Responsive mobile footer that stacks

  • Hello, I am using a child theme based on twentytwelve. When viewed on mobile, my four-column footer squashed together and isn’t legible.

    I want to make it so that the footer stacks when viewed in mobile so the 4 wide x 1 deep footer becomes 4 deep x 1 wide.

    I have tried this code however it makes it stack 4 wide by 1 deep even in desktop mode:

    footer .col{
    width:100%;
    float:none;
    margin:0;
    }

    Can anyone help?

  • The topic ‘[twentytwelve] Responsive mobile footer that stacks’ is closed to new replies.