Advertisement
arie_cristianD

logo_size

Jul 17th, 2023
87
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.24 KB | None | 0 0
  1. /* header logo */
  2.  
  3.     /* header logo desktop*/
  4. .jeg_logo img.jeg_logo_img {
  5.     width : 200px ;/* change to your image width */
  6.     height : 40px ;/* change to your image height */
  7. }
  8.  
  9. .jeg_mobile_logo img {
  10.     width : 200px ;/* change to your image width */
  11.     height : 40px ;/* change to your image height */
  12.    
  13. }
  14.  
  15.  
  16.  
  17.     /* footer widgets logo */
  18.  
  19.  
  20. /*
  21.   ##Device = Desktops
  22.   ##Screen = 1281px to higher resolution desktops
  23. */
  24.  
  25. @media (min-width: 1281px) {
  26.  
  27.     .footer_widget .jeg_about a.footer_logo img {
  28.         width : 0px ;/* change to your image width */
  29.         height : 0px ;/* change to your image height */
  30.     }
  31. }
  32.  
  33. /*
  34.   ##Device = Laptops, Desktops
  35.   ##Screen = B/w 1025px to 1280px
  36. */
  37.  
  38. @media (min-width: 1025px) and (max-width: 1280px) {  
  39.     .footer_widget .jeg_about a.footer_logo img {
  40.         width : 0px ;/* change to your image width */
  41.         height : 0px ;/* change to your image height */
  42.     }
  43.  
  44. }
  45.  
  46. /*
  47.   ##Device = Tablets, Ipads (portrait)
  48.   ##Screen = B/w 768px to 1024px
  49. */
  50.  
  51. @media (min-width: 768px) and (max-width: 1024px) {
  52.  
  53.     .footer_widget .jeg_about a.footer_logo img {
  54.         width : 0px ;/* change to your image width */
  55.         height : 0px ;/* change to your image height */
  56.  
  57. }
  58.  
  59. /*
  60.   ##Device = Tablets, Ipads (landscape)
  61.   ##Screen = B/w 768px to 1024px
  62. */
  63.  
  64. @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  65.  
  66.     .footer_widget .jeg_about a.footer_logo img {
  67.         width : 0px ;/* change to your image width */
  68.         height : 0px ;/* change to your image height */
  69.     }
  70.  
  71. }
  72.  
  73. /*
  74.   ##Device = Low Resolution Tablets, Mobiles (Landscape)
  75.   ##Screen = B/w 481px to 767px
  76. */
  77.  
  78. @media (min-width: 481px) and (max-width: 767px) {
  79.  
  80.     .footer_widget .jeg_about a.footer_logo img {
  81.         width : 0px ;/* change to your image width */
  82.         height : 0px ;/* change to your image height */
  83.     }
  84.  
  85. }
  86.  
  87. /*
  88.   ##Device = Most of the Smartphones Mobiles (Portrait)
  89.   ##Screen = B/w 320px to 479px
  90. */
  91.  
  92. @media (min-width: 320px) and (max-width: 480px) {
  93.  
  94.   /* footer widgets logo */
  95.     .footer_widget .jeg_about a.footer_logo img {
  96.         width : 0px ;/* change to your image width */
  97.         height : 0px ;/* change to your image height */
  98.     }
  99.  
  100. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement