Jump to content

Archived

This topic is now archived and is closed to further replies.

pazyluz

.visible-phone

Recommended Posts

pazyluz
Hi folks, Quite awhile back, I set it up in CSS so that a responsive image would show up on smartphones.  I'd like to replace that image with another now. Below is all the code I pasted in to css. I no longer remember what the figures inside the brackets refer to. Can you please remind me?  Thank you.  
 
Can you also point me to any documentattion that would help me understand all this as well as what sizes the images might need to be for various gadgets like iphones, ipads, and smartphones? Thank you.
 
.hidden-phone {
  #dn8w0s; 
  #uddsza;
  #3yrlfk;
  #42c26b;
  #facgqb;
  #iw6y0i; 
}
 
.visible-phone {#zl373w;}
 
.visible-phone {#dzz142;}
 
.visible-phone {#z1qpkv;}
 
dms1
details theme
 

Share this post


Link to post
Share on other sites
Danny

Hi,

 

That code above you have provided wouldn't work, unless those IDs are variables for some other code you have created. We have no idea what that codes does or what it is used for, only you who wrote it will know that.

 

If you want to have an image show up on a mobile device only, you will need to use either media queries and/or use the hide on mobile/desktop options.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
pazyluz

I believe this code came from the theme designer.  I'll bring it up with him. Thx

Share this post


Link to post
Share on other sites
Danny

Okay, keep us posted.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

×