Weird Logo Location Problems

  • Hello

    I recently started a site: https://www.scaredsquare.com

    I’ve added a logo to it, but it seems to be acting strangely. When I open the website in a web browser, the logo is cut off by the menu. For some reason it looks like the logo has pushed the menu off to the right also. But when you resize your web browser window, then the logo changes size (if you make the window thinner, then it will move the menu to where it should be and it will keep changing the size of the logo).

    How do I get it to look right first time and stay like that when people change the size of their browser window?

    Thanks in advance.

Viewing 1 replies (of 1 total)

  • Hey Tenacious Stu,

    I think the issue is the height that’s set for the header in your style.css

    If you change height: 60px; to something like min-height: 60px; it should work. Similarly, if you’d like the logo to stay the same size regardless of the window size, just add something like min-width: 500px; (the width of your image, or smallest width you’d like it to appear as).

    Hope that helps!

Viewing 1 replies (of 1 total)
  • The topic ‘Weird Logo Location Problems’ is closed to new replies.