Image Opacity on Mobile Browser
Emrys
Registered Users Posts: 12 Big grins
Hello!
I have applied css to my website to make my logo 65% transparent. It works fine on my desktop, however, fails to produce a result on mobile devices. this is the basic code...
.sm-page-widget-logo-img{opacity:.65;}
I have tried including specific instructions for mobile devices...
@media only screen and (max-width: 900px) {
.sm-page-widget-logo-img{opacity:.65;}
}
and cross browser css like -ms-filter: and -khtml-opacity to no avail.
What am I doing wrong?
I have applied css to my website to make my logo 65% transparent. It works fine on my desktop, however, fails to produce a result on mobile devices. this is the basic code...
.sm-page-widget-logo-img{opacity:.65;}
I have tried including specific instructions for mobile devices...
@media only screen and (max-width: 900px) {
.sm-page-widget-logo-img{opacity:.65;}
}
and cross browser css like -ms-filter: and -khtml-opacity to no avail.
What am I doing wrong?
Tagged:
0
Comments
First thing is to post your site.
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
Okay, I found your site on another thread. I assume this is your site: https://www.dreamstreetportraits.com/
Looks like it's working fine on desktop and mobile.
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
Hey Hikin' Mike. I have it working now. Many thanks