Responsive Header Image Is Being Crushed

  • southerndork

    (@southerndork)


    10 years ago

    Influence’s responsive menu is crushing the header logo. What I would prefer is to have the site title and site description in the header with a small logo (75 x 75).
    Do you have any suggestions?

    https://transitioningsiblings.com

    Thanks!

    Amy

Viewing 2 replies - 1 through 2 (of 2 total)

  • @southerndork

    You can either revise your CSS for your media queries to display a different sized logo when on mobile or, you can use this code below:

    .site-title img {
width: 100%;
}

    What’s happening now is your logo image has a fixed width in pixels and it uses the same image dimensions when in smaller screens.

    Thread Starter southerndork

    (@southerndork)

    Thanks Jan. I don’t know how to revise my CSS for media queries. It’s also crushing the button “register” which is weird because it’s not crushing the button above it “login.”

    Thanks again. I will look at my CSS.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive Header Image Is Being Crushed’ is closed to new replies.