Rocket Theme templates have issues in narrow windows
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
-
I'm starting to see a bad trend in Rocket Theme templates, namely, no work seems to have been done with the sides of the template in a narrow browser window. And by narrow I don't even mean REALLY narrow. I've seen numerous templates break at what I'd consider normal width. Everytime this happens I check the demo site here and sure enough, the demo is broken too.
I noticed it first with the older Simplix theme. Go here:
demo.rockettheme.com/aug07/
and make the window small enough that it cuts off the "full compatibility" module, then scroll right and you'll see the side of the template pretty much fall apart.
Then today I noticed it on my site, which uses the Catalyst theme. This one is harder to make happen in the demo:
demo.rockettheme.com/may08/
but only because of the 1.0/1.5 corner badge. It gets in the way of making a menu drop. YOu can see it better on my site:
www.thepeatgroup.com/
pull your browser in a bit and roll over the SUpport nav button, you'll see it happen on the right side of the site. You don't even have to cut anything off for it to happen either.
Then I saw it again on Perihelion
demo.rockettheme.com/aug08/
Again, make the browser skinny enough to cut off a bit of the page and scroll right. You'll see it all messed up on the side.
I know one could argue that I'm being nit picky, but these are professional themes. EVen if the page squishes and doesn't look good at skinny browser sizes, I expect the background and containers to hold up...at some point the page should just hold it's width and NOT show broken edges when scrolled.
Is that too much to ask? - Brian Peat
Peat Creative
peatcreative.com
-
-
-
- JEM
- Preeminent Rocketeer
- Posts: 17917
- Thanks: 4
-
You can try adding the following to the template.css.css:
body { min-width: 000px; } setting the width 000 to one that matches the width of the site. somewhere between 900-1000px - Thanks,
jim
-
-
-
- Ragdata
- Elite Rocketeer
- Posts: 614
- Thanks: 0
- Software Engineer
-
Brian Peat wrote:
I know one could argue that I'm being nit picky, but these are professional themes. EVen if the page squishes and doesn't look good at skinny browser sizes, I expect the background and containers to hold up...at some point the page should just hold it's width and NOT show broken edges when scrolled.
Is that too much to ask?
hmmmm ...
There has to be a line drawn somewhere. These templates are PACKED with features and design elements that leave any competing product looking like they were produced in a kindergarten finger painting class. The containers DO hold up. From what I can see it's only the backgrounds that suffer.
The January 2008 display resolution statistics published by W3Schools are as follows:
- Unknown - 6%
- 640 x 480 - 0%
- 800 x 600 - 8%
- 1024 x 768 - 48%
- Higher - 38%
- Ragdata's Rubber Duck
www.ragdata.net/
-
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
- I'm not concerned with screen resolution, I just think a theme I paid for should hold up, even if it means locking it into a minimum width. You're saying you're COMPLETELY fine with putting up a commercial site for a client and having the margin go all to hell when someone happens to slim down their browser window a bit too much? It just seems sloppy to me.
- Brian Peat
Peat Creative
peatcreative.com
-
-
-
- Ragdata
- Elite Rocketeer
- Posts: 614
- Thanks: 0
- Software Engineer
-
Absolutely fine with it.
If you're not concerned with screen resolution, what's the problem? Yes, backgrounds aren't rendered properly when the browser is 'slimmed down' ... but open it out again and we're all back in happy land!
I have some REALLY big organisations in my client base. As such I must take a 'good of the many' approach in everything I do. I honestly couldn't care less about problems encountered by 'statistically insignificant' proportions of users. If I did, especially in instances where a solution is as simple as opening a window out to 'normal' size, there simply would not be time for anything else.
There have been, and will continue to be, many occasions in my work when I am required to tell an outspoken minority to "Just deal with it". - Ragdata's Rubber Duck
www.ragdata.net/
-
-
-
- Brian Peat
- Elite Rocketeer
- Posts: 679
- Thanks: 5
- Joomla and Wordpress site developer
-
You don't get it. A professional site should hold up. You think apple.com falls apart if you make your browser just a bit to skinny? I saw this issue on MY OWN SITE the other day because I had several windows open and one of them was a bit too small.
What surprises me is you're defending the fact that the theme falls apart. It shouldn't fall apart no matter what. it should simply lock the width when you get past a certain point. Sure you have to scroll over, but you shouldn't see a badly mangled edge. It's simply unprofessional. - Brian Peat
Peat Creative
peatcreative.com
-
-
-
- dangdesigns
- Newbie
- Posts: 8
- Thanks: 0
- I was able to resolve this issue - see below.
- Last Edit: 15 years 1 month ago by dangdesigns.
-
-
-
- dangdesigns
- Newbie
- Posts: 8
- Thanks: 0
-
JEM wrote:
What is the problem, exactly?
Thank you for asking.
When the browser window is small enough that a horizontal scroll is required nothing loads to the right - see pics attached.
The demo site for the nexus template http://demo.rockettheme.com/?template=nexus does it also.
Our live site is at http://motorcycleevents.com
I've tested this on XP/IE 6/7/8 & Window 7 IE/Firefox - same result everywhere
Any help/solution would be greatly appreciated. - Last Edit: 15 years 1 month ago by dangdesigns.
-
-
-
- JEM
- Preeminent Rocketeer
- Posts: 17917
- Thanks: 4
-
Have you tried this?
JEM wrote:You can try adding the following to the template.css.css:
body { min-width: 000px; } setting the width 000 to one that matches the width of the site. somewhere between 900-1000px - Thanks,
jim
-
Time to create page: 0.084 seconds