Page h1 cuts off at the right side

Front page Support Forums Origami Theme Support Page h1 cuts off at the right side

This topic contains 7 replies, has 2 voices, and was last updated by  satori 4 years, 6 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1126

    speaktodave
    Participant

    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.

    #1130

    satori
    Member

    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

    #1132

    speaktodave
    Participant

    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

    #1133

    satori
    Member

    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

    #1134

    speaktodave
    Participant

    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.

    #1135

    satori
    Member

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

    Sincerely,
    Andrew | Satori Studio

    #1136

    speaktodave
    Participant

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

    Thanks Andrew!

    • This reply was modified 4 years, 6 months ago by  speaktodave.
    #1140

    satori
    Member

    Great to hear!

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

    Best,
    A.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.