traveler them .logo will only scale when to small?

  • Guys

    I have searched high and low and I am sure its simple but I can not get the logo in the header any larger when using scale and it’s to small.

    When I set the size it then wont respond on mobile. Tried the obvious but need help.

    Cindy

    here is home page (in progress) with non scaled that screws @media screens ;0(

    lateholidays.com

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

  • Set your query like this:

    @media screens and (max-width: 500px) {
    .logo {
    width: 100%;
    }
    .logo img {
    width: 100%
    height: auto;
    }
    }

    The main div with the “logo” class should resize with the width of the screen, and the img tag is going to set the with accordingly and the height ratio.
    Hope this helps, if not what you are looking for try explaining more, I has small brain.

    Thread Starter affiliatespace

    (@affiliatespace)

    Thanks you that makes sense and i tried,..

    It worked until the page refreshed then it reset the logo back to small again on the website the actual .jpeg is 1200 wide so its not that.

    lateholidays.com

    Thread Starter affiliatespace

    (@affiliatespace)

    I think the template is setting the .logo size as default unless I specify width but then it does not work on the @media screens.

    It basically only works one way either fixed width on the website or 100% scale for @media screens but then the logo file is to small on the website.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘traveler them .logo will only scale when to small?’ is closed to new replies.