WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Twelve Theme: Sidebar & Footer problems (4 posts)

  1. hoffcomm
    Member
    Posted 11 months ago #

    My website is - http://lansdownefarmersmarket.com/responsive/

    I am using the Twenty Twelve theme.

    It is my first time using it, the client wanted a responsive design so I am a newbie when it comes to themes being responsive.

    I have everything pretty much ready to go except for 2 problems.

    #1 - Sidebar
    How can I get the background color to fully extend to the bottom of the content?
    I have tried to do this with CSS but it is not working, I can't specify a height because not all the pages are the same length, I though adding display: block; would do the trick but it didn't.

    #2 - Footer
    There is too much blank space underneath my footer, I need it to touch the end of the browser just like the header does. I have tried margin-bottom: -0px; but that didn't work.

    Any help is appreciated, thanks.

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 11 months ago #

    #1 - Sidebar
    I'm pretty sure either solution to that problem will break your responsive layout. Is it that much of an issue?

    How are you making the CSS changes at the moment?

  3. hoffcomm
    Member
    Posted 11 months ago #

    Yes, I need the background color for the whole sidebar, it's what the client wants.

    I'm sure other responsive layouts have backgrounds colors and have achieved what I need to do...

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 11 months ago #

    Assigning a background colour is not the issue here.

    When an element is floated, it loses its ability to have a height of 100% of its containing element. To get around it, you either and instead use margins or relative/absolute positioning to position your element.

    Does your client only want the site to work on mobile and desktop? If not, at which browser widths?

Reply

You must log in to post.

About this Topic