Community Forums › Forums › Archived Forums › Design Tips and Tricks › 2 issues related to content width and formatting
- This topic has 2 replies, 2 voices, and was last updated 9 years, 10 months ago by markdhanna.
-
AuthorPosts
-
May 29, 2014 at 2:01 pm #107354markdhannaMember
I have 2 issues related to widening the content area on my site, using a modified epik theme:
http://debtdividendsanddiversions.com/
1) The 2nd level menus on the right side go off screen (or out of the browser window if it is sized down). Is there a way to prevent this other than decreasing the width of the entire site?
2) When shrinking the browser window down starting with full screen 1680, there is a range where the sidebar gets shoved down below the main content area. If you continue to shrink the window it then converts to a format with smaller content and sidebar sections, and then finally if you keep shrinking it you get just content. I'd like to eliminate the range where the sidebar "disappears" below the content, but I just haven't found a way to make it work.
Thanks
http://debtdividendsanddiversions.comMay 30, 2014 at 12:31 am #107428nutsandboltsMemberUsing a 1400px wrap will definitely create some challenges for your visitors; namely, the fact that most of them won't have the ability to view the site at full width. (See stats on screen resolutions here: http://www.hobo-web.co.uk/best-screen-size/)
To make an extra wide site work, you would definitely need to add multiple media query sizes and rules, as well as changing the existing CSS for the dropdowns and sidebar. That is beyond the realm of forum support - I would suggest hiring a developer to make those changes for you if you aren't comfortable doing it yourself. If you're more of a DIY kind of guy, some trial and error with a tool like Firebug will help you get the site working the way it should for smaller screen sizes.
Hope that helps!
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+May 30, 2014 at 9:13 am #107480markdhannaMemberThanks for your response Andrea. This blog is a hobby of mine, and I am a complete novice when it comes to coding, so I prefer the experimental approach with Firebug, as you suggest.
I must admit, after looking at that link and other various resources, I had no idea that the majority of computer users were still using (what I would call) low resolutions. I would have thought 1680 would have long been the standard horizontal resolution, with 1920 and 2560 representing the 2nd and 3rd places. I can't even think of the last time I saw a desktop without a widescreen monitor...
There's no "magic" with the 1400px wrap that I am currently try to work, except that I have always found the slimmer templates constricting on photos, tables, and charts (and I post a lot of those). Maybe I'm missing the big picture here, but I hate seeing 3" on wasted space on both sides of the screen, and would love to use more of that space. I'm thinking of trying two things, I'd be interested to get input on them:
1) Reducing the width from 1400 to 1360. This will allow the largest group of users (cheap laptops) @ 1366x768 to view it at full width. I am hoping this will solve the menu issue also, but it may not.
2) Bumping up the width where the responsive code kicks in from 1139 to something close to 1360 (I may be getting out of my depth here, but willing to give it a shot).I'll make those changes and see what happens.
I've also got a few issues with trying to make my header sticky...I suppose I will start a new thread for that issue.
Thanks
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.