Make site header responsive

  • Resolved dany547

    (@dany547)


    9 years, 4 months ago

    hello guys and girls, i have a site http://www.geekchronicles.ro . I have installed a theme called JustWrite. I have some modification done to it but nothing major.
    My problem is that i have a header image with a logo, when i enter from a PC its centered but when i acces it from a Mobile devide it gets cut off.

    What should i do so that it will ajust to the screen size? Also i got the header centered by using photoshop. Thanks !

Viewing 3 replies - 1 through 3 (of 3 total)
  • Corey Smith

    (@cthesmith)

    9 years, 4 months ago

    You might want to use media queries to fine tune the size at smaller screen widths. Since it’s a background image you’ll have to use background size and position.

    .header-wrap {
  background-size: 100%;
  background-position: 0em -1em;
}

    Thread Starter dany547

    (@dany547)

    9 years, 3 months ago

    hmm, thanks! I will try this !

    Thread Starter dany547

    (@dany547)

    9 years, 2 months ago

    ok, now i got time to look into it. I think now the header is responsive, but how do i set the logo to be vectore shaped and also scale?
    Should i remove the logo from the WP theme editor then insert it in the child header.php ? Because i dont have any ideea where is the code is the background-image: and i dont think i want to set it as background, i want the logo to be overlayed because in this way is more modular. Im making any sense here? lol

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make site header responsive’ is closed to new replies.

Tags