• 1.
    /*  Responsive
  • 2.
    ----------------------------------------------------------------------------------------------- */
  • 3.
     
  • 4.
    /* Tablet ----------------------------------------- */
  • 5.
    @media only screen and (max-width: 1000px) and (min-width: 691px) {
  • 6.
            .vbody .vps_section #header #logo .logo-normal,
  • 7.
            .vbody .vps_section #header #logo .logo-retina {
  • 8.
                    max-height: none !important;
  • 9.
                    height: 60px;
  • 10.
                    width: 150px !important;
  • 11.
            }
  • 12.
            .vbody .vps_section.for-header.on-scroll #header #logo .logo-normal,
  • 13.
            .vbody .vps_section.for-header.on-scroll #header #logo .logo-retina {
  • 14.
                    max-height: none !important;
  • 15.
                    width: 100px !important;
  • 16.
                    height: 40px;
  • 17.
            }
  • 18.
            .vbody #header .mobilenav {
  • 19.
                    padding-top: 20px;
  • 20.
            }
  • 21.
            .vbody .vps_section.for-header.on-scroll #header .mobilenav {
  • 22.
                    padding-top: 8px;
  • 23.
            }
  • 24.
    }
  • 25.
     
  • 26.
    /* Mobile (Portrait) ----------------------------------------- */
  • 27.
    @media only screen and (max-width:690px){
  • 28.
            .vbody .vps_section #header #logo .logo-normal,
  • 29.
            .vbody .vps_section #header #logo .logo-retina {
  • 30.
                    max-height: none !important;
  • 31.
                    width: 120px !important;
  • 32.
                    height: 50px;
  • 33.
            }
  • 34.
            .vbody .vps_section.for-header.on-scroll #header #logo .logo-normal,
  • 35.
            .vbody .vps_section.for-header.on-scroll #header #logo .logo-retina {
  • 36.
                    max-height: none !important;
  • 37.
                    width: 100px !important;
  • 38.
                    height: 30px;
  • 39.
            }
  • 40.
            .vbody #header .mobilenav {
  • 41.
                    padding-top: 13px;
  • 42.
            }
  • 43.
            .vbody .vps_section.for-header.on-scroll #header .mobilenav {
  • 44.
                    padding-top: 3px;
  • 45.
            }
  • 46.
    }
/* Responsive ----------------------------------------------------------------------------------------------- */ /* Tablet ----------------------------------------- */ @media only screen and (max-width: 1000px) and (min-width: 691px) { .vbody .vps_section #header #logo .logo-normal, .vbody .vps_section #header #logo .logo-retina { max-height: none !important; height: 60px; width: 150px !important; } .vbody .vps_section.for-header.on-scroll #header #logo .logo-normal, .vbody .vps_section.for-header.on-scroll #header #logo .logo-retina { max-height: none !important; width: 100px !important; height: 40px; } .vbody #header .mobilenav { padding-top: 20px; } .vbody .vps_section.for-header.on-scroll #header .mobilenav { padding-top: 8px; } } /* Mobile (Portrait) ----------------------------------------- */ @media only screen and (max-width:690px){ .vbody .vps_section #header #logo .logo-normal, .vbody .vps_section #header #logo .logo-retina { max-height: none !important; width: 120px !important; height: 50px; } .vbody .vps_section.for-header.on-scroll #header #logo .logo-normal, .vbody .vps_section.for-header.on-scroll #header #logo .logo-retina { max-height: none !important; width: 100px !important; height: 30px; } .vbody #header .mobilenav { padding-top: 13px; } .vbody .vps_section.for-header.on-scroll #header .mobilenav { padding-top: 3px; } }

Copy Code to Clipboard Raw

Sign-in or Create a Free Account.

Snippi uses Twitter or Facebook to register and create accounts. Registration will enable you to keep track of your snippets. We never spam your timeline or wall. Ever.

Sign-in with Facebook Sign-in with Twitter