afish674 Posted November 1, 2012 Share Posted November 1, 2012 I've been using a Wordpress barebones template to create my own. However it has some CSS that is breaking my layout on resizing the window (and on small screens like phones). I'd rather have it so that it adds scrollbars when the content won't fit in the window, so it at least works until I can configure it properly. When you resize the window the sidebar div goes below the main content div. The main content div then gets cut off because of its fixed width and the overflow property. I'm not sure where this is defined in the CSS or how to override it. Any suggestions? Link: http://pontus-web.co.uk/ Thanks! Link to comment Share on other sites More sharing options...
Ingolme Posted November 2, 2012 Share Posted November 2, 2012 Giving a min-width to the <body> element or the wrapper will prevent the page from messing up on smaller screens. Link to comment Share on other sites More sharing options...
afish674 Posted November 6, 2012 Author Share Posted November 6, 2012 Hi Ingolme, Tried this and it doesn't seem to make much difference. I think its something to do with the Bootstrap framework CSS but I need to overwrite it. link: http://www.pontus-web.co.uk I added the class "nocrush" and gave it a min-width of 100%, I also tried min-width 1170px (the size of the largest outer container). I just want it to scroll rather than the menu and gradient bar under the header breaking when the window shrinks, and to stop the sidebar popping under the main content div. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now