virker på mobil, men en enkelt fejl på tablet

Tags:    css responsive-design responsive html

Hej alle sammen,

Jeg har fået opsat en responsive hjemmeside.
Og den virker egentlig fint nok, ihvertfald på computer og mobiltelefoner.

Det eneste problem jeg har er, at når jeg ser siden på en tablet, for eksempel Ipad, så rykker menuen sig ned, ovenover indholdet af siden.
Det er meningen at den bare skal blive eller switche over til hvordan det ser ud på mobil, altså dvs. de tre linjer som indikerer det er en menu.

Jeg håber i kan hjælpe mig med at finde problemet så jeg får menuen til at blive der, eller hvad jeg skal ændre i koden for at få menuen til at switche til mobilversionen med de 3 streger når skærmstørelsen er Ipad størelse.

I kan også se fejlen hvis i går ind på siden og begynder at trække i browservinduet for at lave det lidt mindre.
Siden er på: www.artcirklen.dk

Her er CSS koden som er knyttet til menuen.

På forhånd tak.
Jeg håber der nogen der kan hjælpe.

Fold kodeboks ind/udCSS kode 





5 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
Hold nu ferie hvor er den side rodet i koden.

Hvis ikke det gør nogen forskel for din side så leg med følgende som et midlertidig fix

Body
sæt body position: relative;

Din første nav
style="position: absolute; top: 0px; right: 0px; margin-right: 3%;"

Og linje 6459, 6469 til 1100px i stedet for 960px

Virker fint i min browser som midlertidig.

Edit. I stedet for at sætte body til position: relativ; så prøv også
kun at sætte header til position:relativ;

Det lidt mindre "ekstremt".



Indlæg senest redigeret d. 30.12.2014 00:34 af Bruger #17719
har du søgt på wordpress side ??, da du køre wordpress
måske denne søgning https://www.google.dk/search?q=ipad+wordpress+theme+resonsive
https://wordpress.org/support/topic/bug-report-responsive-fail-on-ipad-some-other-similar-device
kunne også være du skal kigge i dit tema ( http://artcirklen.dk/wp-content/themes/heat/style.css )

ellers kan vi håbe der kommer andre bud her eller på http://www.eksperten.dk/spm/1000289




Hej Ronny,

Tak for dit svar.

Ja, jeg havde søgt på google, men fandt desværre ikke rigtigt noget der kunne hjælpe mig.

Og havde også kigget i CSS filen, men kunne ikke finde fejlen, det er derfor jeg postede koden her, det kunne være at det krævede et par ekstra øjne. ;)

Og ja, desværre var der ikke kommet noget svar på eksperten.dk endnu :(

Håber der kommer et svar på et tidspunkt, enten her eller der ;)

Rigtig god jul, og tak for dit svar.

- Adam



Yes, perfekt.

Tusind tak for det.

Nu virker det.
Jeg blev godt nok nødt til at ændre det til 1200 istedet for 1100 fordi der stadig var et meget lille sted hvor menuen hoppede ned.

Tusind tak for hjælpen.



Super, glad for at du kunne bruge det til noget.



t