• I seem to be having some issues when it comes to the responsive view of my website, the Title of whatever page that I am on shows up behind the header image on the site, The Elite Geek, it also tends to do this on the product pages. It looks like a possible theme issue, but I don’t want to rule out problems working with WooCommerce either.

Viewing 2 replies - 1 through 2 (of 2 total)
  • good afternoon,

    without a sample of your code i can’t say with certainty… but the first thing i would check (because i had troubles with the same problem) is if the header image is positioned absolutely, while the rest of the content is dynamic.

    absolute content will display over the top of or underneath other content depending on where in the file it is coded. as in, the page is rendered from top to bottom and elements are stacked accordingly.

    you may also want to check the z-index for elements, as this can (sometimes) override the render order.

    if your header and the title are both set heights, you can try rearranging which is coded first in your html.

    i just looked at your page (firefox/ubuntu) and it all seems to be loading correctly. although the composition kind of breaks when you make the window very very small… i’m not sure if window size is what you mean when you said “responsive”. you may want to add a “min-width” tag to your body.

    cheers ??

    Thread Starter bnetana

    (@bnetana)

    That is what I meant when I said responsive, basically when making the window small, or on a smart phone this problem comes up, more annoying than anything, but it sounds to me like you are putting me on the right track, the theme I use is a bit confusing with the number of files that it takes so I’ll have to work with my web tools to help figure out which file to edit.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Page title showing behind header in responsive view’ is closed to new replies.