Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
How do I fix bug with Txp 4.5 default theme? Website zooms in
Hello,
First of all, I’m very happy for the release of Textpattern 4.5. For all these days, I was just playing with the beta releases.
While playing with the official release that I downloaded today, I noticed a weird bug. This is not the first time I’ve noticed this bug.
Whenever I click on menu link, lets say for example, articles link, the webpage that loads, it loads zoomed in.
When I click on any link again, it quickly goes back to normal.
I thought it was a development bug and will be fixed in final release but seems, its still there. I was about to use this installation of Textpattern for my new project.
You can check the screenshots here:
- When page loads – Page loads zoomed in.
- After I click again on any link – Page goes back to normal.
You can notice the page zoom in the screenshots.
Have I missed anything? Is there any fix for this? I’m already planning to stick with my own css grid system for the frontend.
Thanks for your time.
Offline
Re: How do I fix bug with Txp 4.5 default theme? Website zooms in
This is a known ‘quirk’ which I’ll look into for a future release, but I’ll explain why it happens and how to (very easily) fix it.
I use em measurements pretty much everywhere throughout the theme, which allows the page to scale up/down nicely relative to a user’s font size. The breakpoints also use this em measurement.
The largest 2 breakpoints also increase the text size (this means that users on large screens can benefit from larger text display), however as the breakpoint is an em there is a sweet spot where the browser is unsure which side of the breakpoint to fall.
Easy solution is to remove the font-size rules from within the 80em and up media rule and the 112.em and up media rule. Of course that means you won’t get a font size bump up but it’ll solve the ‘jumping’ issue.
Last edited by philwareham (2012-09-07 16:04:22)
Offline
Offline
Re: How do I fix bug with Txp 4.5 default theme? Website zooms in
Hey,
I commented out the line in css which said
media only screen and (min-width: 80em) {
body {
/* 16px */
font-size: 16px;
}
Then the jumping problem seems to be fixed but now I found this. Whenever I load some newly created pages, like blog, the width of the container seems changes on clicks. It loads smaller, like 20px less wide and then when clicked again, goes back to normal width.
Screenshots:
When loaded – notice the bigger side margins
After the click – smaller/normal side margins
Is this something because I commented out that css line? I don’t really think so but I noticed it just after I did it.
Please note, I’ve not made any changes in system so far. Oh, yeah I installed esq_sectionsort, is it because of this plugin?
Thanks for your time.
Offline
Re: How do I fix bug with Txp 4.5 default theme? Website zooms in
Hmmm. Leave it with me, I’ll run some tests tomorrow and get back to you.
Offline
Re: How do I fix bug with Txp 4.5 default theme? Website zooms in
Hey Phil,
I downloaded the fresh new 4.5.1 version and the zooming issue is still there.
It can be seen in the latest version(22.0.122 beta) of Google Chrome, while everything seems to be just perfect in Firefox 14. IE 8 looks fine too.
I haven’t got a chance to test it on Safari yet.
Thanks for your time.
Last edited by vineonardo (2012-09-12 15:00:54)
Offline