Logo/header moves position only on blog page

  • Resolved emptymind

    (@emptymind)


    7 years, 1 month ago

    After inserting a logo into my header and adjusting margins to line up with my nav menu, the logo and header look fine on all pages except my blog page (called trailer). The logo moves below the nav menu only on the blog page.
    One other problem now is the blog posts ‘stick’ under the header and can take 1 or 2 minutes for the post title to appear.
    Comments appreciated while I keep on fighting this….

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter emptymind

    (@emptymind)

    Now I find positioning the logo and nav menu this way is not good in mobile view – using margins pushes everything off the mobile screen. Looks ok on the desktop except for above problem

    • This reply was modified 7 years, 1 month ago by emptymind.
    Job a11n

    (@jobthomas)

    Automattic Happiness Engineer

    I’ve looked into it a bit and it seems that the difference is that on the blog page the logo gets embedded in an h1 tag (heading 1).


    Link to image: https://cld.wthms.co/uto8Ox

    I’m going to chat to the developer to see if there’s something we can do to fix this, but in the meantime, could you try adding this to Customize > Additional CSS:

    .blog h1 {
  font-size: 0;
}
    Thread Starter emptymind

    (@emptymind)

    That worked – thanks!
    I chose storefront as I wanted a theme that works well with woocommerce and its extensions… but many things irk me on this theme especially the amount of white space that needs cleaning up mostly between header and content.
    It would also be nice to get rid of the breadcrumbs as my site is too small to bother with this.
    Again, thanks for your help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Logo/header moves position only on blog page’ is closed to new replies.