Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] responsive squarespace logo

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #200535
    nboxberger
    Participant

    i am struggling with my very basic CSS skills – i am trying to make the logo on my site responsive. that is, the homepage image resizes perfectly when a browser gets resized, but the logo stays static until it jumps to the top for small/tablet/mobile view.
    does anyone have a fix for this? it seems simple but i am stumped.

    the site is http://www.barisof.com

    thanks in advance for any guidance.

    #200538
    randomdude
    Participant

    Is something like

    width: 12vw;
    

    what you want? It makes the image resize with the page.

    #200539
    nboxberger
    Participant

    thanks zeke – i think that would probably work. i am a total novice, do you have a longer piece of code that i should put in?

    #200540
    randomdude
    Participant

    I don’t know where you need to look for the CSS file, but once you find it, on line 9, you should see this:

    #logo .logo.image img {
      width: 180px;
      max-width: 180px;
    }
    

    Comment out that width, and replace it with width: 12vw;. Once you’ve made sure everything is working, you can completely remove the old width.

    I hope this helps!

    #200798
    nboxberger
    Participant

    thank you zeke!!

    #200799
    randomdude
    Participant

    No problem!

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.