- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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.
Is something like
width: 12vw;
what you want? It makes the image resize with the page.
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?
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!
thank you zeke!!
No problem!