Op mijn eigen macbook is er geen probleem, maar bij sommige andere laptops wel; namelijk dat het menu soms word doorgetrokken naar beneden. Ik heb er op dit moment geen screenshot van, maar ik zal het verduidelijken. De gele menu balk die nu zichtbaat is word soms wel eens anders weergeven dan nu, namelijk dat diezelfde gele balk word gekopieerd en weergegeven onder het huidige menu. De kopjes worden dan niet dubbel weergeven, maar bijvoorbeeld het laatste kopje alleen. Het lijkt er dus op dat het soms bij sommige voormaten laptops zo is dat het menu er niet helemaal goed in past.



Nu wil ik dus dat de menu balk altijd zo staat, wat er ook gebeurd. Als het scherm het dan niet meer houd, dan moet automatisch het volgende menu icoontje komen:



Is hier een CSS code of iets dergelijks voor?

Alvast heel erg bedankt!

Website: www . hondenuitlaatservicebarendrecht . nl

Origineel gepost door Lars Theunissen

Op mijn eigen macbook is er geen probleem, maar bij sommige andere laptops wel; namelijk dat het menu soms word doorgetrokken naar beneden. Ik heb er op dit moment geen screenshot van, maar ik zal het verduidelijken. De gele menu balk die nu zichtbaat is word soms wel eens anders weergeven dan nu, namelijk dat diezelfde gele balk word gekopieerd en weergegeven onder het huidige menu. De kopjes worden dan niet dubbel weergeven, maar bijvoorbeeld het laatste kopje alleen. Het lijkt er dus op dat het soms bij sommige voormaten laptops zo is dat het menu er niet helemaal goed in past.



Nu wil ik dus dat de menu balk altijd zo staat, wat er ook gebeurd. Als het scherm het dan niet meer houd, dan moet automatisch het volgende menu icoontje komen:



Is hier een CSS code of iets dergelijks voor?

Alvast heel erg bedankt!

Website: www . hondenuitlaatservicebarendrecht . nl

Wat je wilt, doét hij al ;)

Helaas dus niet bij alle formaten laptop en computers. Althans, soms laad een friend van me de website en dan staat het gele menu ineens wel dubbel onder elkaar...

Origineel gepost door Arjen Zijlstra

Wat je wilt, doét hij al ;)

Zie hier: http://puu.sh/uWSes/bfc3c6e247.jpg
(Ter verduidelijking)

Inderdaad @Max!

Om het snel op te lossen moet je volgende css toevoegen. Je menu heeft voor sommige resoluties te weinig ruimte waardoor het menu over meerdere regels getoond word. Let wel op dat onderstaande alleen een oplossing is voor het huidige menu.. wil je een nieuwe menu item toevoegen of maak je de titel van een huidig menu item langer dan krijg je weer het zelfde probleem.

.topWrap .wrap_menu {
width: 52%;
}

.topWrap .wrap_logo {
width: 48%;
}

Dat of t is ws een margin dingetje

@media (max-width: 1279px) and (min-width: 1168px)

Veranderen naar

@media (max-width: 1310px) and (min-width: 1168px)


Dus 1279 wijzigen in 1310

@Ferdi, waar kan ik: '@media (max-width: 1279px) and (min-width: 1168px)' vinden? Staat niet in m'n huidige CSS.

@Robbin, die CSS code heb ik er zojuist in gezet. Kan jij wellicht kijken of het zo is opgelost?

Als ik 'm via Pingdom laad zie ik dat het menu nog steeds niet goed staat...

Je hebt de css niet goed toegevoegd of de cache niet leeg gemaakt of iets.. De css die ik hierboven heb neergezet word in iedergeval nog niet geladen.

Had met de cache te maken. Super! Hij staat nu helemaal goed.

Het menu is inmiddels opgelost met de volgende CSS snipet:

.topWrap .wrap_menu {
width: 52%;
}

.topWrap .wrap_logo {
width: 48%;
}

-- geleverd door Robbin--

Echter, ziet het logo er ineens zo uit via de mobiele versie:



Hij hoort dus breeder te zijn...

Iemand enig idee hoe dit kan?

Je hebt custom css erbij toegevoegd? je moet de CSS aanpassen anders wordt de mediaquery die de logo 100% maakt weer overruled.

Het beste is de manier van mij icm een childtheme.

Dit stukje maakt de logo weer 100% maar je ziet dat het niet werkt omdat je de width overruled met 48%

responsive.css:1237

Code:

@media (max-width: 799px) and (min-width: 480px)

.topWrap .wrap_logo {
text-align: center;
width: 100%;
}

Ik heb eerlijk gezegd geen idee waar je 't over hebt. Ik heb alleen de volgende CSS code toegepast:

.topWrap .wrap_menu {
width: 52%;
}

.topWrap .wrap_logo {
width: 48%;
}