Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The design changed right after I refreshed your website. As for now, all I see is that the navigation is still <code>1px</code> off the header. Maybe if you'd reduce the <code>margin-top</code> from <code>42px</code> to <code>41px</code>, that problem will be solved.</p> <p>EDIT: So in Chrome, there's this <code>1px</code> issue, but in Firefox, it looks fine.<br> The same <code>1px</code> offset in Safari and Opera. But again, in IE8, it looks fine. I think this problem has occurred due to the defined height for hgroup, if you have done that.</p> <p><img src="https://i.stack.imgur.com/UFzCC.png" alt=" The screenshot from Chrome "> <img src="https://i.stack.imgur.com/xthWo.png" alt=" The screenshot from Firefox "></p> <p>[ <em>the first image is a screenshot from Chrome, the second is from Firefox</em> ] </p> <p>EDIT 2: The offset is due to the fixed height of the background image. Other than that, everything is working just fine. Obviously, there are variations in both the images, as you can see, the chrome having the <code>1px</code> offset while it is absent in Firefox. I, personally don't like to give a defined height to elements that is likely to have results like above. One good solution would be to make a header container with 100% width and the given background image, while all the header content will go within the container. That way, no matter how high the contents within the container are, the background will remain the way it is meant to, and your navigation will not get an offset.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload