From 27d355579265d67a685c9b4175f8140a34e3644c Mon Sep 17 00:00:00 2001 From: KEVIN BAZIRA Date: Mon, 15 Jul 2019 13:21:20 +0300 Subject: [PATCH] Fixed: Header Image media queries Removed big white space below Header Image for both tablets and mobile screens --- .gitattributes | 3 +++ style-rtl.css | 9 ++++++++- style.css | 11 +++++++++-- 3 files changed, 20 insertions(+), 3 deletions(-) create mode 100644 .gitattributes diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..4ff0398 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,3 @@ +*.php linguist-detectable=true +*.js linguist-detectable=false +*.css linguist-detectable=false \ No newline at end of file diff --git a/style-rtl.css b/style-rtl.css index ebd69bd..18e9188 100644 --- a/style-rtl.css +++ b/style-rtl.css @@ -1711,7 +1711,14 @@ button, input[type="button"], input[type="reset"], input[type="submit"] { .hero-btn{ /*font-style:italic;*/ } - +@media all and (max-width: 768px) { + .header-hero { + min-height: 0px; + } + .hero-info { + padding: 10% 10% 0% 10%; + } +} @media all and (max-width: 480px) { .hero-description { display: none; diff --git a/style.css b/style.css index 93ac865..1e9f1d6 100644 --- a/style.css +++ b/style.css @@ -5,7 +5,7 @@ Theme URI: https://github.com/kevinbazira/algori-shop Author: Kevin Bazira Author URI: http://kevinbazira.com/ Description: A Free Gutenberg Ready WooCommerce WordPress Theme with a clean and professional design that will be a great solution for your Modern eCommerce Shop. It's designed to help you showcase your products and sell more with just about any type of online store. -Version: 1.1.2 +Version: 1.1.3 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.en.html Text Domain: algori-shop @@ -1714,7 +1714,14 @@ button, input[type="button"], input[type="reset"], input[type="submit"] { .hero-btn{ /*font-style:italic;*/ } - +@media all and (max-width: 768px) { + .header-hero { + min-height: 0px; + } + .hero-info { + padding: 10% 10% 0% 10%; + } +} @media all and (max-width: 480px) { .hero-description { display: none;