Page h1 cuts off at the right side

[speaktodave]

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.

[satori]

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 Studio

[speaktodave]

Hi 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

http://www.curiositygame.net

David

[satori]

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 Studio

[speaktodave]

Hi 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.

[satori]

Stupid me! Please remove all declarations from the “.page h1” part (i.e. both the float and the width).

Sincerely,
Andrew | Satori Studio

[speaktodave]

Removed both float and width so it now just an empty .page h1 and that did the job.

Thanks Andrew!

• This reply was modified 11 years, 1 month ago by speaktodave.

[satori]

Great to hear!

Should you have other questions or face issues, do not hesitate to contact me, will be glad to help!

Best,
A.

[Author]

Posts