CSS Bug Fix for style-colors.php and responsive.css

smies85

Hey,

I fixed a problem in the responsive design. If you try to overwrite the background color for the mobile navigation Classic (only 767px) that didn't work. The cause would be the "!import" tag inside the dynamic CSS at the files style-colors.php and responsive.css.

responsive.css

    /* Header */
   
    #Top_bar,
    #Action_bar { background: #fff !import; position: static; } /*stm*/


style-colors.php

<?php if( mfn_opts_get('responsive') ): ?>

    @media only screen and (min-width: 768px){
        .header-semi #Top_bar:not(.is-sticky) {
            background-color: <?php hex2rgba( mfn_opts_get( 'background-top-left', '#ffffff' ), .8, true ) ?>;
        }
    }
    
    @media only screen and (max-width: 767px){
        #Top_bar, #Action_bar { background: <?php mfn_opts_show( 'background-top-left', '#ffffff' ) ?> !import;} /*stm*/
    }
    
<?php endif; ?>


Stefan