Risultati della ricerca per 'Wordpress https port'
-
Ciao @silvia74,
forse ho capito.
Nel codice che hai scritto ci sono diversi errori. Alcune proprietà non hanno il ; di chiusura dell’istruzione e non hai chiuso correttamente le parentesi graffe delle media query. Altre istruzioni sono seguite dai : invece che dal ;Attenzione questa porzione di codice è completamente sballata.
Hai lasciato un and vagamente e non hai aperto le graffe dopo i selettori (l’ho modificato come credevo andasse fatto, ma aggiustalo secondo le tue esigenze)/* Query */ @media screen and (max-width:1024px) <strong>and</strong><em> { .icon-adress i, .icon-hours i, <strong>.icon-iphone i,</strong></em> font-size: 35px; margin: 10px; }Tutto il codice corretto è:
.top-bar-content { display: grid; grid-template-columns: 1fr 3fr 1fr; grid-gap: -15px; margin-bottom: -20px; background-color: #EDFCEB; } #top-bar-wrap { padding-bottom: 5px; border-bottom: 1px solid #333 !important; margin: 0 0 0 0px; } .img { width: 30%; margin-top:2px; margin-left:5px; margin-bottom: 15px; } .icons { display: grid; grid-template-columns: 3fr 2fr 2fr; grid-gap: -15px; justify-self: right; } .icon-adress, .icon-hours, .icon-iphone { display: flex; } .adress p, .hours p, .phone p { margin: 0; font-family: 'Montserrat', sans-serif; font-size: 10px; } .icon-adress i, .icon-hours i, .icon-iphone i { font-size: 30px; color: #009442; margin: 5px 15px 0 0; } .adress span, .hours span, .phone span { font-family: 'Montserrat', sans-serif; font-size: 12px; color: #009442; font-weight: 600; } /* Styling Social Icons */ .social-icons ul{ list-style: none; display:flex; justify-content: end; font-size: 20px; margin: 0 0 0 10px; } .social-icons ul li i { color: #050c23; } .social-icons ul li i:hover { color: #e3872d; transition: .3s; } .social-icons ul li:nth-child(-n+4) { margin-right: 20px; } /* Query */ @media screen and (max-width:1024px) { .icon-adress i, .icon-hours i, .icon-iphone i{ font-size: 35px; margin: 10px; } .adress span, .phone span, .hours span { font-size: 12px; margin: 0 0 0 0px; } .social-icons ul { font-size: 16px; margin: 50 0 0 0px !important; } @media screen and (max-width:768px){ .social-icons { display: none; } .top-bar-content { display: flex; flex-direction: column; } .icons { justify-self: end; } } @media screen and (max-width:500px){ .top-bar-content { display: flex; flex-direction: column; } .top-bar-content i { display: none; } } @media screen and (max-width:320px){ .top-bar-content { display: flex; flex-direction: column; } .img { width: 10%; margin-top:1px; margin-left:25px; margin-bottom: 15px; } .sf-menu ul.sub-menu { top: 60% !important; }Provalo e facci sapere.
Ti lascio ancora due consigli: Quando devi scrivere tanto codice personalizzato, usa il plugin Simple CSS, che permette di leggere meglio il codice che scrivi e riduce la possibilità di errore.
Quando scrivi l’ultima istruzione del selettore metti sempre il ; finale (anche se si può omettere) perché nel caso aggiungessi altre proprietà potresti dimenticare di chiudere l’istruzione precedente.
Ciao @nuklear,
da quello che ho capito stavi usando un prodotto a pagamento.
Come da linee guida di questo forum:Per supporto di temi commerciali o plugin, vai al canale di supporto ufficiale.
Per essere buoni amministratori della comunità di WordPress e incoraggiare l’innovazione e il progresso, riteniamo che sia importante indirizzare le persone verso i canali di supporto ufficiali. In questo modo fornirai agli sviluppatori le entrate economiche di cui hanno bisogno.
Inoltre, i volontari del forum non hanno accesso ai prodotti commerciali, quindi non saprebbero perché un tema commerciale o un plugin non funzionino correttamente.
In definitiva, i fornitori sono responsabili del supporto del loro prodotto commerciale.
Il mal funzionamento potrebbe dipendere da un aggiornamento del core di WP, del tema o di un altro plugin che vanno “in conflitto” con il Backend editor.
La persona migliore che può risponderti ed aiutarti è lo sviluppatore del plugin.
