- This topic has 7 replies, 2 voices, and was last updated 12 years ago by
.
-
Posts
-
Hi Andrew,
There is a padding or margin issue with the theme that means long page h1s are cut off at the right hand side on both mobile and web.
Dear Dave,
thank you for noticing this, and my apologies for the bug! Indeed, on smaller screens long page headings get cropped on the right; to fix this, please go to “Appearance -> Editor” and inside the file that opens (style.css) locate (ctrl+f) the line which says:
.page h1 {
float: left;
width: 100%;
}
It should be number 606; erase the part which says “width: 100%;” and hit “Update file”.I must note that I was not able to reproduce the same bug on a normal-sized laptop screen, could you please provide the URL of the page in question so that I could look at the code?
Sincerely,
Andrew | Satori StudioHi Andrew,
I tried the suggested fix but it didn’t seem to fix the bug.
My laptop is HD / 1920 x 1080 and I see the issue when I write a long heading. I first noticed it on mobile but replicated it on larger screens and also replicated it on the themeforest.net demo by using chrome: inspect element to edit the heading text length just to check I hadn’t messed up the css on my install.
I’m testing it just now on a spare domain
David
Dear David,
I can see from the code that the line I mentioned is still there :) Let’s do it this way: please download this fixed style.css from my repository, unzip it, and re-upload via ftp into the theme folder (/wp-content/themes/Origami/).
Let me know if this works!
Sincerely,
Andrew | Satori StudioHi Andrew,
It didn’t help so I put it back in.
When I removed it the h1 no longer filled the length of the content div. It shortened the background colour to the length of the text.
Stupid me! Please remove all declarations from the “.page h1” part (i.e. both the float and the width).
Sincerely,
Andrew | Satori Studio
- You must be logged in to reply to this topic.