5 Commits 684bb6eeaf ... e7ad7e75fb

Autor SHA1 Mensaje Fecha
  Paul e7ad7e75fb Fixes voor IE9 hace 8 años
  Elwin 5d48887cb5 style.css: fix mobiele weergave hace 8 años
  Elwin 9b2d91414f style.css: Hamburger menu search box hace 8 años
  Elwin 7f30ddc00f style.css: IE10 support hace 8 años
  Elwin 51b89b069f style.css: Flex menu in oude webkit closes #14 hace 8 años
Se han modificado 3 ficheros con 39 adiciones y 0 borrados
  1. 6 0
      assets/ie9.css
  2. 11 0
      functions.php
  3. 22 0
      style.css

+ 6 - 0
assets/ie9.css

@@ -0,0 +1,6 @@
+nav.menu div.expander { display: none; }
+nav.menu { text-align: center; }
+nav.menu>div.mainmenu { height: 50px; }
+nav.menu ul#MainMenu { display: inline-block; }
+nav.menu li { float: left; }
+

+ 11 - 0
functions.php

@@ -127,6 +127,17 @@ namespace ITSociaal\Themes\Houtgrutter
 		if (is_shopp_catalog_frontpage ())
 			TemplateController::main("laura/advertentie");
 	}, 1024);
+
+	\add_action("wp_head", function() {
+		$uri = \get_stylesheet_directory_uri() . "/assets/ie9.css";
+		?>
+
+<!--[if IE lte 9]>
+	<link rel="stylesheet" href="<?=$uri?>" type="text/css"/>
+<![endif]-->
+
+		<?php
+	});
 }
 
 /* vi:set ts=4 sw=4 noet: */

+ 22 - 0
style.css

@@ -84,6 +84,12 @@ html>body#top.catalog>div#wrap_all>div#main main { padding-top: 50px; }
 	}
 }
 
+/* Tekst op slideshow schalen voor mobiele weergave */
+h2.avia-caption-title {
+	font-size: 28px;
+	font-size: 2.6vw;
+}
+
 /********************************************************************\
 |MENUMENUMENUMENUMENUMENUMENUMENUMENUMENUMENUMENUMENUMENUMENUMENUMENU|
 \********************************************************************/
@@ -135,8 +141,14 @@ nav.menu div.shopmenu li.current-menu-item a {
 
 /* Flex layout */
 nav.menu ul {
+	display: -webkit-flex;
+	display: -ms-flex;
 	display: flex;
+	-webkit-flex-wrap: wrap;
+	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
+	-webkit-justify-content: left;
+	-ms-justify-content: left;
 	justify-content: left;
 
 	height: auto;
@@ -252,6 +264,8 @@ div.hidez {
 		display: none;
 	}
 	nav.menu.open ul {
+		display: -webkit-flex;
+		display: -ms-flex;
 		display: flex;
 	}
 	ul#MainMenu.menu {
@@ -263,6 +277,7 @@ div.hidez {
 		overflow-y: visible/
 
 		position: -webkit-sticky;
+		position: -ms-sticky;
 		position: sticky;
 		top: 0px;
 		background: rgba(77, 77, 77, .95);
@@ -277,6 +292,13 @@ div.hidez {
 	}
 }
 
+/* Hamburger menu search box */
+nav.menu.open div.mainmenu  li div.avia-search-tooltip {
+	margin-left: 0px;
+  width: 90%;
+  max-width: 300px;
+}
+
 /**********************************************************************\
 |WEBSHOPWEBSHOPWEBSHOPWEBSHOPWEBSHOPWEBSHOPWEBSHOPWEBSHOPWEBSHOPWEBSHOP|
 \**********************************************************************/