sidebar & widgets drop below content on window resize

  • theregoesjb

    (@theregoesjb)


    11 years, 3 months ago

    Not only do they drop but they fall on top of each other and it looks like crap. jbournedesign.com/jb

    I just want to set a min width so that, when the window is made smaller, the sidebar just gets lost from view. i dont want it to move at all.
    Right now as i make the window smaller the sidebar drops first, and then the content (text area) starts to shrink. It needs to be the other way around so that when the window is made smaller, the first thing to adjust is the text.

    i tried applying a “min-width” rule to various elements but nothing seems to work.

Viewing 4 replies - 1 through 4 (of 4 total)
  • WPyogi

    (@wpyogi)

    11 years, 3 months ago

    Where did you make those changes ? I don’t see any styles in your child theme CSS?

    Thread Starter theregoesjb

    (@theregoesjb)

    11 years, 3 months ago

    after i made the child theme i realized the theme has a built in custom-css area.

    However i removed the changes i made anyway, i tried applying a min-width rule to 3 or 4 different areas, one at a time, and removing the rule when it didnt work.

    Michael

    (@alchymyth)

    11 years, 3 months ago

    the theme has a @media section in style.css where these adaptations for narrower screens happen.

    if you don’t want this, you need to overwrite these @media styles with corresponding @media styles in style.css of your child theme or in the custom css area.

    Thread Starter theregoesjb

    (@theregoesjb)

    11 years, 3 months ago

    thanks, i see the section you are talking about

    there is:@media screen and (max-width: 1152px)

    there are a bunch of elements with max widths, do i need to apply a min-width to all of them?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘sidebar & widgets drop below content on window resize’ is closed to new replies.