Top bar on main/landing page larger than bars used on all other pages.

Arris

Posts: 4,719   +451
techspot-landing-page-png.82346


html from techspot.com:
<div id="GlobalWrapper" class="flyout">
<header id="header-ts">​

techspot-article-page-png.82347


html from article/other pages:
<div id="GlobalWrapper" class="flyout">
<header id="header-ts" class="interior">
This results in a size change for the top "techspot" bar on screen. Not sure if it is intentional but to me it seems like it could be a mistake, visually jarring to see the top bar size change slightly. Adding the interior class to the techspot.com page results in the bar sizing the same as everywhere else.
 

Attachments

  • Techspot landing page.PNG
    Techspot landing page.PNG
    136.7 KB · Views: 17
  • Techspot article page.PNG
    Techspot article page.PNG
    49.4 KB · Views: 18
It's been like that since always actually. By design, so our logo and branding is more prominent in the homepage.
 
It's been like that since always actually. By design, so our logo and branding is more prominent in the homepage.
Hah, never noticed before. But now I can't stop seeing the "jump". Oh well, just irks me from a design standpoint having a standard layout and header that isn't standard :p Maybe have a tagline in the empty space in the middle to make it more distinct or a "Welcome to Techspot for all your 3DSpotlight needs" :)
 
Back