Having a problem getting my logo to change based on the size of the screen (responsive).
Here is the url
I thought i was doing this right but apparently I am not. What i want to happen is that as the screen is condensed, to center my logo and make it smaller. I created a mobile version of my logo as well, but even though i see it in the code it doesn’t seem to be showing up properly.
Can anyone help?
I took a quick look at this in Chrome and here is what I came up with;
/* line ~2209 */
background-position: center 20px !important;
Here is a preivew;
I hope this helps.
Cool. Would i just add a similar line for each of the breakpoints in the code for various resolutions?
So if i wanted it centered at tablet level and of course mobile, i’d just add these lines to each condition besides the highest res one?
Works like a charm, thank you!
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?