Resizing window breaks fixed-width Twenty Eleven theme

  • Website is here: https://www.creatorshub.com

    Managed to get it to a fixed width in my child theme by adding the following code:

    #page {
clear: both;
max-width: none !important;
overflow: hidden;
padding: 0;
width: 1024px !important;
}

#primary {overflow: hidden;}

.entry-content {width: 100%; clear: both; overflow: hidden;}

.alignright{float: right;}

    I read in another post that this fixed all issues for people. It did fix the width, but it breaks when I resize the browser window (the sidebar appears below the content).

    Any ideas?

Viewing 2 replies - 1 through 2 (of 2 total)

  • there are many styles towards the end of style.css in the ‘responsive styles’ section which react on narrower screens.

    see for instance my post.

    Thread Starter atlcr

    (@atlcr)

    Thank you alchymyth! ??

    That has me most of the way there…the right hand side of the website cuts off when I minimize, but it’s only the background and the far right edge. Not a big deal…

    Now I’m trying to figure out why my single product pages have the price/quantity/etc. overlapping the right sidebar. ??

    I tried adding this to my child theme, but no luck…
    .summary {float: left; margin-left: -200px; }

    [ Please do not bump, it’s not permitted here. ]

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Resizing window breaks fixed-width Twenty Eleven theme’ is closed to new replies.