Hi there, I have poured over and tried every possible version of trying to resize my logo for mobile (speciically iphone portrait). I’ve tried the Javascript version that one thread suggested. I’ve also tried numerous ways for CSS - still nothing is working. I’ve refreshed, cleared my cache - nothing!
I’m a little frustrated as this should be easy! Can you please help?
@media (max-width: 667px) {
.x-brand img {
width: 200px !important;
}}
This is for this site: greatstairs.com
Hi Ashley,
This code should work fine but when I inspected the site through the code inspector, the code does not seem to exist so there is probably a CSS error somewhere in the codes you have in the Global CSS. To verify that, please copy all the codes that are in the Global CSS and paste it here.
It should provide some information if there are any CSS error that is causing the issue that you have to fix so that the CSS codes will work.
Hope this helps.
The only error that link you provided came up with is the code above, it says:
Expected RBRACE at line 229, col 1.
@media (max-width: 667px) {
Where clearly there is } available.
Blockquote
@media (max-width: 667px) {
.x-brand img {
width: 200px !important;
}
}
Blockquote
Nevermind! I found the issue, there was a missing bracket way above the code, but even the csslint didn’t even catch!
Thanks Anyways
Glad to hear you got it sorted, Ashley.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.