Skip to content

Create header with logo and site icon #5

@bobbingwide

Description

@bobbingwide

@AndrewMLeonard suggested making the theme look like WordPress.org in terms of style.
He developed an SVG for the site logo and as a site icon.
Now I need to attempt to implement them in the header.

After a lot of fiddling with Global Styles we managed to get the header to look a bit like what it should look like.

  • A site title link
  • A search box
  • A primary menu
  • And a Get button
  • with a blackish background and greyish text

Suffice it to say it's a long way off.

Requirements

  • Use an SVG logo for the site logo - replacing the site title
  • Use a transparent PNG file for the favicon

Here's a screenshot for 'desktop' display.
image

  • The underlined site title needs to be replaced by the site logo
  • There's an unwanted white margin
  • The search box has a label above it
  • The search box background is white not black
  • The current menu item isn't highlighted in blue
  • There's no fancy blue arrow under the current menu item
  • The fonts are wrong
  • The blue "Get" button doesn't hide

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions