/* ----------------------------------------- */ /* Inhoudssjabloon: Fixed Mobile Menu - start */ /* ----------------------------------------- */ @media only screen and (min-width: 980px) { .menu-bottom{display:none} } .menu-bottom {height:62px; border-top:1px solid #e3dede; background: #fff;} .menu-bottom .col { width: 25%; float: left; text-align: center; padding: 5px; height: 100%; display:table; } .menu-bottom .col:nth-child(2) { border-left:1px solid #e3dede; border-right:1px solid #e3dede; } .menu-bottom .col:nth-child(4) { border-left:1px solid #e3dede; } .menu-bottom .col .inner{display:table-cell; vertical-align:middle; font-size: 13.5px; } .menu-bottom .col .inner img { display: block; text-align: center; margin: auto; } @media only screen and (max-width: 420px) { .menu-bottom .col .inner { font-size: 11.5px; } } @media only screen and (max-width: 359px) { .menu-bottom .col .inner { font-size:10px; } .menu-bottom .col{ padding-top: 8px; padding-bottom: 2px; } } /* ----------------------------------------- */ /* Inhoudssjabloon: Fixed Mobile Menu - einde */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhoudssjabloon: Sidebar - start */ /* ----------------------------------------- */ .sidebar { position: fixed; top: 50%; transform: translateY(-50%); right: 0; background: #fff; z-index: 99999; list-style: none; border: 3px solid #e12c34; border-right: none; border-radius: 20px 0 0 0; overflow:hidden; transition:500ms; right:-50px; opacity:0.8; } .sidebar:hover {right:0; opacity:1;} .sidebar h2 { background: #e12c34; color: #fff; padding: 20px 50px 20px 20px; font-size:18px; } .sidebar img {width: 170px;} .sidebar h2:after {display:none;} .sidebar li {padding: 15px 20px 15px 30px !important; left:0; transition:500ms} .sidebar li:after {height:3px; width:0%; background:#e12c34; display:block; content:""; transition: 500ms; text-align:center} .sidebar li:hover {left:-20px;} .sidebar li.active { left:0px !important ;} .sidebar li.active:after {width:100%;} .sidebar li:hover:after {width:100%;} .shiftnav .sidebar { position: relative; top: auto; transform: translateY(-0%); right: 0; border: 0px solid #e12c34; border-radius: 0; right: auto; opacity: 1; } .shiftnav .sidebar .active {display:none} @media only screen and (max-width: 980px) { #page-container .sidebar {display:none;} /* ----------------------------------------- */ /* Inhoudssjabloon: Sidebar - einde */ /* ----------------------------------------- */

Menu

GEEF IETS LEKKERS CADEAU!

Geef iets lekkers cadeau!

Bezoek ook

Bezoek ook