Ready to get started?Download WordPress


sidebar & widgets drop below content on window resize (5 posts)

  1. theregoesjb
    Posted 1 year 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.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

  3. theregoesjb
    Posted 1 year 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.

  4. alchymyth
    Forum Moderator
    Posted 1 year 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.

  5. theregoesjb
    Posted 1 year 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?

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.