Mobile Responsive Design

by | Dec 28, 2019 | CSS, Design

When creating mobile optimization stick to only 2 media queries. This is a good rule of thumb to keep your CSS compatible throughout and clean, there is no standard or rule saying you are not allowed to use other media queries.
It's just a something I learnt works well for me to keep things compatible throughout and keeps code cleaner.

@media only screen and (min-width: 1024px) {
  body {
    background-color: lightblue;
  }
}

@media only screen and (max-width: 1023px) {
  body {
    background-color: lightblue;
  }
}

Add Admin Styles And Admin Scripts

by | Jul 13, 2018 | CSS, PHP, Wordpress

// Styles and Scripts
add_action('admin_head', 'my_custom_styles_and_scripts');
function my_custom_styles_and_scripts() {
    echo '
     <script src="/wp-content/plugins/webfootprint-stock-manager-old/assets/js/scripts.js"></script>
     <link href="/wp-content/plugins/webfootprint-stock-manager-old/assets/css/styles.css" rel="stylesheet">
    ';
}