Page title overlapping post section

  • having an issue with the page title overlapping the title of the post in my wordpress site, feel as though ive tried removing any extra padding and haven’t been able to fix this

    it appears to be in the right spot on the home page, but moves when navigating to a post page.

    new to wordpress so any help would be appreciated! ??
    if you need any of my css in order to help, please ask and ill copy it for you!

    thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    header.site-header.clear {
    margin-bottom: 1em;
}

    This is an issue with your theme, so you really should ask in the theme’s forum, but the site title is using position: absolute which means that it is taken out of the flow of the page. Doing this is usually so it will overlap.
    The page title has margin: 0, which corresponds to you saying “tried removing any extra padding”, and that is the opposite of what is needed. When I disable the margin: 0 rule, it no longer overlaps.

    One thing you should look at for this page: speed. When I first went to your page, it showed the loading cursor forever, until I clicked a link. It said it was transferring from Google fonts. I then opened the profiler tool and reloaded the page, and it says it took 10seconds. Looking at the styles for your problem, I see the Paduka font loaded 3 times. The three images on the page are 2Meg each, which is way too big, especially since they are displayed at smaller resolutions than they have.

    Thread Starter storyhouseselect

    (@storyhouseselect)

    Thank you for your help. I have adjusted it now, however the title website title still appears to move a few pixels up and down between the post page and the homepage – any idea as to why this could be? I’d like to try and get it to stay in the same spot!

    I have adjusted the images to be a smaller size, but am not sure why the Google font I am using is loading three times – I had a plugin for it but have since disabled it and just put the font into my code instead.

    Any further help would be appreciated! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Page title overlapping post section’ is closed to new replies.