Twenty Twelve Theme: Sidebar & Footer problems

  • My website is – https://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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    #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?

    Thread Starter hoffcomm

    (@hoffcomm)

    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…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Twenty Twelve Theme: Sidebar & Footer problems’ is closed to new replies.