2 delle mie pagine in dispositivo mobile non stanno raggiungendo la larghezza massima del 100%, è possibile vederlo here.Problemi con larghezza del viewport del 100% in dispositivi mobili?
Ho il <meta name="viewport" content="width=device-width" />
nel mio codice e ho provato varie varianti di esso. Il problema potrebbe essere nel mio file pages.php
, poiché il resto delle pagine sono modelli personalizzati?
Ecco il mio codice per page.php:
<?php
/**
* The template for displaying all pages.
*
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages
* and that other 'pages' on your WordPress site will use a
* different template.
*
*/
get_header(); ?>
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<?php while (have_posts()) : the_post(); ?>
<?php get_template_part('content'); ?>
<?php endwhile; // end of the loop. ?>
</div><!-- #content .site-content -->
</div>
<?php get_footer(); ?>
CSS:
#content {
margin: 0 auto;
max-width: 51em;
background: none;
float: none;
margin: 0 auto;
padding: 0;
}
#primary {
width: 100%;
}
Non so se mi manca qualcosa che è legato wordpress, o incasinato il mio codice (I Sono un principiante al codice), o cosa. Confuso perché le mie altre pagine stanno funzionando bene e non riesco a vedere nulla nel codice che sta causando quella larghezza sottile.
* btw - non ho ancora trovato il nav in mobile, ma puoi vedere che funziona nelle altre pagine controllando il link: Home.
non vedo alcun problema – dippas