I'm trying to get a site designed quickly, so of course I'm running into EVERY issue. One of the things happening is that I realized when trying to add in some breakpoints that my site's minimum width was 960. I want to make breakpoints at smaller sizes to create a responsive site. So I went to File>Site Properties and changed min. width to 300. Everything on the site moved to the right, including the column guides. Then after painstakingly moving everything back to the center, the column guides are now tiny and in the middle of the page, as if they're restricted to the 300 width. I'm still in the 1160 width with no breakpoints set up yet. Not sure why this is happening.
I tried to ignore it and move forward, but I think whatever is happening is also causing major issues when I begin to make breakpoints. After going back and forth between breakpoints a few times, I would find that in my 960 breakpoint everything had jumped to the right like it had in the beginning. I think whatever is going on is effecting the breakpoints. Any ideas?
Image 1: Original Master Page design
Image 2: Original width in the Site Properties panel
Image 3: Changed to 300 width
Image 4: Everything jumps to the right....
Image 5: After re-centereing, columns are all weird.
This usually happens when you define min-width of your site in a fixed width layout.
Please choose fluid width layout from file >site properties and it should work fine.
Not sure why this answer was marked correct. While it may solve the issue for some, it didn't for me. I selected fluid width layout, and then tried to change the minimum width, and I'm still getting the same exact thing that I had pictured above. Any other suggestions?