Welke submenu verschijnt niet? Neem aan het menu onder je hoofdmenu items. Niet als je er op klikt dus? Vermoed dat het ligt aan je CSS eventueel in combinatie met de jQuery.
Thread starter
nikki
(@eigenste-ik)
Onder de menu knop Portfolio zit een submenu.
Bij mij verschijnt hij wel op mijn ipad (eerst ook niet), maar bij andere niet.
Vervolgens kom je in een jQuery slider, maar das een ander verhaal waarom dit niet wil scrollen 😉
Maak een aparte CSS voor iPads!
<link rel="stylesheet" media="screen and (min-width: 480px) and (max-width: 700px)" href="css/small.css" />
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />
In dit geval kun je alleen de onderste gebruiken (zult een ander menuclass moeten maken)
Thread starter
nikki
(@eigenste-ik)
Oke hoe ga ik dit implementeren?
Als je in de bewerker van je thema naar header.php gaat zie je het volgende (en meer):
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
<title><?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
Onderstaande is voor de ‘normale’ css.
Je voegt de 2 andere toe.
Enige wat je moet doen is style.css dupliceren en hernoemen naar small.css én een naar medium.css.
Uiteraard moet je dan nog wel de CSS zelf bewerken.
Of het werkt kun je zien op een tablet of telefoon. heb je dat nou niet, dan moet je even je browser kleiner maken.
Succes
Thread starter
nikki
(@eigenste-ik)
Ik ga het proberen
Maar hoe kan het dat de zichtbaarheid van het menu er wel is door hem alleen maar kleiner te maken?
Want verder past de site wel op de ipad
Thread starter
nikki
(@eigenste-ik)
Is het trouwens met opzet dat je de ene code tussen ” en ” zet en de andere tussen ‘ en ‘
<link rel="stylesheet" media="screen and (min-width: 480px) and (max-width: 700px)" href="css/small.css" />
<link rel='stylesheet' media='screen and (min-width: 701px) and (max-width: 900px)' href='css/medium.css' />
Thread starter
nikki
(@eigenste-ik)
Wat moet ik in de css veranderen?
Heb het tot nu toe allemaal gedaan, maar probleem is er nog niet mee opgelost. Krijg nog steeds het submenu niet als ik op portfolio druk
Thread starter
nikki
(@eigenste-ik)
Volgens mij is Touch Punch de oplossing
Er zijn misschien ook plugins.
Maar met een aangepaste CSS kun je meer zelf bepalen.
OVerigens: de ” en ‘ moeten allemaal ” zijn.
Wat je aanpast in de CSS:
Stel je hebt standaard
#menu{
background: #fff;
width: 1000px;
height: 50px;
}
Dan verander je in de CSS voor medium (max 900width)
#menu{
background #fff;
width:900px;
height: 50px;
}
Met wrappers kun je uiteraard gewoon 100% gebruiken, dan past deze zich ook aan.
Is wel meer werk dan een plugin!
