[HTML] Mettere select responsive

[Shyson]

Ho notato che quando guardo il mio sito con un iPhone, il campo select rimane orizzontale, non si adegua alla larghezza del telefonino. Questo è il codice:

 $checkbox_field = "<select name='subscribe-reloaded' id='subscribe-reloaded'><option value='none'".((get_option('subscribe_reloaded_checked_by_default', '1') == '1')?" selected='selected'":'').">".get_option('subscribe_reloaded_dropdown_label', 'Non inviare notifiche email.')."</option><option value='yes'".((get_option('subscribe_reloaded_checked_by_default', '1') == '2')?" selected='selected'":'').">".get_option('subscribe_reloaded_dropdown_label1', 'Send Email Notification ONLY If Someone Replies To My Comment(s).')."</option><option value='replies'".((get_option('subscribe_reloaded_checked_by_default', '1') == '3')?" selected='selected'":'').">".get_option('subscribe_reloaded_dropdown_label2', 'Manda un\'email quando un nuovo commento è postato.')."</option></select>";

 

[Max 1]

Quando posti del codice cerca di non metterlo tutto su una riga, altrimenti diventa illegibile. Lo devi identare

Tutto quel codice non ha nulla a che fare con HTML vuoi che ti sposti in javascript?

 

[the_jurgs]

credo che il problema dipenda più dal css che dal php e dal markup HTML. Secondo me dovresti o postarci il link della pagina o provare ad aprire con Chrome e dalla console selezionare l'iphone. Da lì, sempre tramite la console, potrai provare ad effettuare le tue modifiche

 

[Shyson]

Ho risolto:

/* Rende la select della notifica email commenti, responsive*/
select#subscribe-reloaded {
    width: 100%;
    height: 25px;
    font-size: 0.85em;
    border: 1px solid #ccc;
}