Mobiele weergave verwijderen

kfcu10
(@kfcu10)

11 jaren, 3 maanden geleden

Goedendag,

Op dit moment zit er een mobiele weergave in mijn lay-out. Als ik de site op de computer bekijkt ziet het er goed uit, maar zodra ik het op een mobiel open krijg ik niet dezelfde weergave als op de computer maar een ‘mobiele weergave’. Hoe kan ik ervoor zorgen dat ik dat niet meer heb?

Iemand?

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)

nielsvanrenselaar
(@nielsvanrenselaar)

11 jaren, 3 maanden geleden

Dat kan 2 oorzaken hebben;

– Een plugin die de mobiele weergave verzorgt
In dat geval hoef je enkel die plugin uit te schakelen

– Je hebt een “Responsive” thema
Dat is lastiger, deze bepaald de mobiele weergave middels CSS en daarbij moet je dus z.g.n. “media queries” uit je CSS halen.

Thread starter kfcu10
(@kfcu10)

11 jaren, 3 maanden geleden

Denk niet dat het aan de plugins ligt.

Kan je meer meer vertellen over de media queries?
Jacquesdancona
(@jacquesdancona)

11 jaren, 3 maanden geleden
In de style.css van je theme staat (waarschijnlijk onderaan) een paar regels als
```
@media only screen and (max-width: 480px) {
*regels met css*
}
```
waarbij wat er achter @media verschilt, dit richt zich namelijk op welke resolutie de CSS moet worden aangepast. Dit zijn media queries. Deze media queries moet je verwijderen zodat de CSS zich niet aanpast als een bezoeker een bepaalde resolutie heeft.
Thread starter kfcu10
(@kfcu10)

11 jaren, 3 maanden geleden

Dus als ik de volgende regels weg haal moet het goed zijn;

/******************************************************************
MEDIA QUERIES & DEVICE STYLES
Developed by: Andy Clarke & the 320 & Up Extension
URL: http://stuffandnonsense.co.uk/projects/320andup/
******************************************************************/

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 800px) {
#access, div.menu { position:relative; }
.menu ul li { list-style-type: none; float:none; }
nav[role=navigation] ul.menu, div.menu ul {
background:#999;
position:absolute;
top:41px;
z-index:9999;
display:none;
}
nav[role=navigation] .menu #menu-icon { display:block }
header[role=banner] #searchform { top:6px; right:10px }

.menu ul li:hover ul { left:-9999em; }

header[role=banner] #s {
font-size:1em;
background:url(library/images/icon-search.png) no-repeat 5px 4px #fff;
padding:4px 5px 4px 26px;
border-radius:7px;
border:1px solid #fff;
box-shadow:3px 3px 5px #777 inset;
min-width:150px;
}

header[role=banner] #searchform input[type=submit] {
display:none;
}

#main.col620 {
width:100%;
display:block;
}

#sidebar.col300 {
float:none;
display:block;
width:100%;
clear:both;
}

.widget {
margin:2.2em 30px 2.2em 20px;
}
}

@media screen and (min-width: 800px) {
nav[role=navigation] ul.menu, div.menu ul { display:block !important; }
}

@media screen and (max-width: 1382px) {
/* insert styles here */
}

/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }

/******************************************

Dank u
Jacquesdancona
(@jacquesdancona)

11 jaren, 3 maanden geleden
Voor zover ik kan zien, inderdaad.

Het volgende:
```
/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }

/******************************************
```
staat hier weer een beetje los van, maar het heeft blijkbaar geen inhoud en staat er dus zonder dat het iets doet.
Thread starter kfcu10
(@kfcu10)

11 jaren, 3 maanden geleden

Bedankt.

Ik heb bovenstaande scripts weggehaald. Er veranderde wel wat dingen, maar het was niet een verkleinde weergave zoals ik de site op de computer zie. Wat moet ik nog meer veranderen?

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)

Het onderwerp ‘Mobiele weergave verwijderen’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven