From 222cefbadce5c3debef0290f6d72a766e01c53d1 Mon Sep 17 00:00:00 2001 From: Andrew Engelbrecht Date: Mon, 29 Jul 2019 16:10:27 -0400 Subject: [PATCH] added css code for taxonomy term page headers --- css/style.css | 92 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 92 insertions(+) diff --git a/css/style.css b/css/style.css index 7b42594..84c38ea 100644 --- a/css/style.css +++ b/css/style.css @@ -283,6 +283,98 @@ a { transition: 0.3s; } } +/* Vendor and Category taxonomy term pages */ + + +@media screen and (max-width: 559px) { + .view-taxonomy-term .view-header { + margin: 0 auto 40px auto; + + overflow: auto; + } + + .view-taxonomy-term .view-header .field--name-field-icon { + margin: 0 auto 20px auto; + width: 220px; + } + + .view-taxonomy-term .view-header .field--name-field-icon img { + margin: 0 auto; + } + + .view-taxonomy-term .view-header .field--name-description { + max-width: 360px; + margin: 0 auto; + padding: 0 10px; + } + + .feed-icons { + clear: both; + } +} + +@media screen and (min-width: 560px) and (max-width: 767px) { + .view-taxonomy-term .view-header { + margin: 0 0 40px 0; + + overflow: auto; + } + + .view-taxonomy-term .view-header .field--name-field-icon { + width: 220px; + + float: left; + } + + .view-taxonomy-term .view-header .field--name-field-icon img { + margin: 0 auto; + } + + .view-taxonomy-term .view-header .field--name-description { + margin-left: 260px; + } + + .view-filters { + clear: left; + } + + .feed-icons { + clear: both; + } +} + +@media screen and (min-width: 768px) { + .view-taxonomy-term .view-header { + width: 700px; + margin: 0 0 40px 0; + + overflow: auto; + } + + .view-taxonomy-term .view-header .field--name-field-icon { + width: 220px; + + float: left; + } + + .view-taxonomy-term .view-header .field--name-field-icon img { + margin: 0 auto; + } + + .view-taxonomy-term .view-header .field--name-description { + margin-left: 260px; + } + + .view-filters { + clear: left; + } + + .feed-icons { + clear: both; + } +} + + /* Product */ -- 2.25.1