page div stuck in header

  • Resolved JudahsMom63

    (@judahsmom63)


    9 years, 4 months ago

    I am writing my own theme/child theme in a localhost environment. In my child theme I have my front-page.php, my header.php and my footer.php, but they don’t seem to recognize each other. All of my major divs are in the header (masthead) and all the divs I added on the page are outside of it. I tried setting aside my front-page.php, my header.php and my footer.php and replacing them with an all-in-one template, but that didn’t work, either. I’ve read pages and pages of codex and forums, until my head was spinning. Is there something I need to add, like maybe to my child theme functions.php in order to get the divs to stack correctly?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    Hi there!

    I’m not sure if you have looked over the developer handbook yet but it is a good resource to look over:
    https://developer.www.ads-software.com/themes/

    As for your theme files, are you able to share those? Please use either pastebin or gist to share those.

    Thread Starter JudahsMom63

    (@judahsmom63)

    Here’s some more information: on my content (not my front) pages, the layout goes like this:
    head
    body
    #page.hfeed site
    #masthead.site-header
    end #masthead.site-header
    #main.site-main
    #primary.content-area
    #content.site-content
    #post-101.post-101 type page
    header entry-header
    entry-title<h1>
    end entry-header
    .entry-content
    all the stuff I added
    end entry-content
    entry-meta
    .end entry-meta
    end post-101
    comments-area
    end comments-area
    end #content
    end #primary
    end #main
    footer #colophon.site-footer
    end footer
    end #page
    register and login widget
    end body

    My point with this is that when I scroll, the body goes all the way to the bottom of the page (past the footer#colophon) but the #page, #main, #primary, #content and #post-101 all stop about 1/3 of the way down. All the stuff I added is in there like it should be, but it’s all clustered in the top 1/3 of the page and I can’t get it to move down. Why can’t I get those divisions to extend down to the footer? Yes, I’m a beginning coder (css, html, php, you name it) but if I don’t learn now how to fix this I probably never will. I’m guessing that whatever’s wrong with my content pages is also wrong with my front page. Please, won’t someone help me out?

    Thread Starter JudahsMom63

    (@judahsmom63)

    @jose – hang on, I’ll get that done.

    Thread Starter JudahsMom63

    (@judahsmom63)

    @jose – OK, I put what I think are all the relevant theme files on Pastebin. My username is auntnancy:
    https://pastebin.com/u/auntnancy

    Just so you know, these are all in a child theme. Thanks for taking time to take a look!

    Thread Starter JudahsMom63

    (@judahsmom63)

    I KNOW WHY my major divs are inside the header. I’m going to close this thread and start a new one with a similar question more on topic with what I need.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘page div stuck in header’ is closed to new replies.