badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

how do I make sidebar 100% width on mobile?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #16357
    Jacqueline
    Member

    Hi Themehorse,

    site url: http://thelastplasticstraw.org/

    I added this code to my child theme:

    /* This is to make sidebar full width on small mobile devices */

    @media
    only screen and (max-width: 768px) {
    #secondary {
    width: 100%;
    }
    }

    didn’t work.

    In the widget area I have to declare a px width (I’m using the widget plugin that comes with jetpack)

    Any other suggestions. The sidebar looks stupid on the ipad. Would love to get this to expand 100% width when viewed on this device.

    #16471

    HI Jacqueline,

    Please add below code.


    @media
    only screen and (max-width: 1078px) {
    #secondary {
    border: 0 none;
    padding: 0;
    width: 100%;
    }
    }

    Thank you!

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.