fonction responsive ne fonctionne plus (Créer un compte)

  • WordPress :5.4
  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2362658
    silvye
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Ma configuration WP actuelle

    Ma configuration WP actuelle :
    – Version de WordPress : 5.4.4
    – Version de PHP/MySQL : 7.0.33 / 10.2.36
    – Thème utilisé : Lawyeria Lite enfant
    – Extensions en place : 301 Redirects (2.53), BackWPup (3.8.0), Broken Link Checker (1.11.15), Classic Editor (1.6), Contact Form 7 (5.3.1), Forum_wordpress_fr (4.2), Google Analytics Dashboard for WP (GADWP) (6.3.3), Hupso Social Media Share Buttons (4.7.0), Link Manager (0.1-beta), Page in Widget (1.3), Really Simple CAPTCHA (2.0.2), Really Simple SSL (4.0.5), Redirection (4.9.2), ScrollTop Fader (1.1), SEO Data Transporter (1.1.1), WordPress Mentions Légales (1.2.3), WP Fastest Cache (0.9.1.3), WPForms Lite (1.6.3.1), Yoast SEO (15.4)
    – Adresse du site : https://www.ecrituresurmesure.com
    – Nom de l’hébergeur : LiteSpeed

    Problème(s) rencontré(s) :

    je ne comprends pas pourquoi mon site n’est plus responsive alors que tout allait très bien avant. J’ai peut-être malencontreusement “touché” au css du thème parent Lawyeria Lite… mais je ne vois vraiment pas où. Quelqu’un pourrait-il m’aider ? Je mets la feuille de style en PJ.

    (je sais bien que c’est un vieux thème qui n’est plus très tendance, mais moi je l’aime, alors merci de ne pas me bouder!)

    Merci d’avance pour votre attention

    #2362659
    silvye
    Participant
    Initié WordPress
    6 contributions

    Bon alors, je vais faire un copié/collé de ce qui concerne la fonction responsive dans le css:

     

    ** 6 – Responsive
    */
    /* 6.1 Max Width: 320px */
    @media only screen and (max-width: 320px) {
    body {
    max-width: 320px;
    }
    #content ul.practice-areas-lists li {
    font-size: 18px !important;
    }
    #lawyers-post-type .lawyers-posts article .lawyer-post-description {
    font-size: 18px;
    }
    #lawyers-content .lawyers-content-lawyers .lawyer {
    height: auto !important;
    }
    }
    /* 6.2 Max Width: 480px */
    @media only screen and (max-width: 480px) {
    body {
    max-width: 480px;
    }

    .header-left {
    width: 100%;
    text-align: center;
    }
    .header-left .logo {
    float: none;
    }

    .wrapper .header-contact {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    float: none;
    }

    #content .our-lawyers .lawyer {
    width: 100% !important;
    }
    #content .our-lawyers .lawyer:last-child {
    margin-bottom: 0px;
    }

    #comments-template .comment-form fieldset {
    width: 100% !important;
    }
    #comments-template .comment-form .input-textarea {
    width: 100% !important;
    margin-top: 17px !important;
    }
    #comments-template .comment-form #contact_submit {
    width: 100% !important;
    }
    #comments-template .comments-list li ul.children {
    margin-left: 0px;
    }
    nav li ul li a {
    width: 100%;
    }
    .responsivemenu ul li {
    padding: 0;
    float: left;
    width: 100%;
    }
    }
    /* 6.3 Max Width: 580px */
    @media only screen and (max-width: 580px) {
    body {
    max-width: 580px !important;
    }

    #features .features-box {
    width: 100% !important;
    margin-bottom: 30px;
    margin-left: 0px !important;
    }
    #features .features-box:last-child {
    margin-bottom: 0px;
    }

    .content-article .content-article-image {
    width: 100% !important;
    margin-bottom: 30px;
    }

    .practice-area li, #content .content-about .our-lawyers li {
    width: 100% !important;
    }

    .our-lawyers a {
    margin-bottom: 30px;
    }

    #lawyers-content .lawyers-content-lawyers {
    width: 100% !important;
    margin-left: 0px !important;
    }
    #lawyers-content .lawyers-content-lawyers .lawyer {
    width: 100% !important;
    height: auto !important;
    margin-left: 0px !important;
    }
    }

    .openresponsivemenu {
    display: none;
    }

    .copyright a {
    color: #fff;
    text-decoration:none;
    }

    .lawyeria-lite-header-image {
    width:100%;
    }

    /* 6.4 Max Width: 768px */
    @media only screen and (max-width: 768px) {
    body {
    max-width: 768px;
    }

    .lawyers-posts article {
    width: 100% !important;
    margin-left: 0px !important;
    }
    .lawyers-posts article a {
    width: 100%;
    text-align: center;
    }
    .lawyers-posts article a img {
    width: auto;
    height: 100% !important;
    }

    #subheader .header-form .wpcf7-text {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    }
    #subheader .header-form .small-input-text {
    margin-left: 0px !important;
    }
    #subheader .header-form .wpcf7-textarea {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    }

    #posts {
    width: 100% !important;
    }

    #sidebar-right {
    width: 96.3% !important;
    margin-top: 30px;
    }
    #sidebar-right .widget .widget-our-lawyers .lawyer {
    height: 200px !important;
    }
    #sidebar-right .widget .widget-our-lawyers .lawyer-no-image {
    width: 100%;
    height: 200px;
    background: #eeeeee url(“images/lawyer-single-no-image.png”) no-repeat center;
    }
    #sidebar-right .widget .list_carousel li .list_carousel_entry {
    width: 100% !important;
    }

    .practice-areas-lists li {
    width: 94.7% !important;
    }

    .lawyers-single-image {
    width: 100%;
    float: none !important;
    }
    .lawyers-single-image .lawyer-single-no-image {
    width: 100% !important;
    margin-bottom: 20px;
    }
    .lawyers-single-image img {
    max-width: 100% !important;
    padding-right: 0px !important;
    border-right: none !important;
    }

    #footer .footer-margin-left .footer-box {
    width: 97.6% !important;
    margin-bottom: 30px !important;
    }
    #footer .footer-margin-left .footer-box .widget-our-lawyers {
    width: 105.2%;
    margin-left: -5.2%;
    }
    #footer .footer-margin-left .footer-box .widget-our-lawyers .lawyer-margin-left {
    margin-left: 5.2%;
    }
    #footer .footer-margin-left .footer-box .widget-our-lawyers a.lawyer {
    width: 19.8%;
    height: 120px;
    }
    #footer .footer-margin-left .footer-box .widget-our-lawyers a.lawyer .lawyer-no-image {
    width: 100%;
    height: 100%;
    background: #eeeeee url(“images/lawyer-single-no-image.png”) no-repeat center;
    }
    #footer .footer-margin-left .footer-box .wpcf7-form .wpcf7-text {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    }
    #footer .footer-margin-left .footer-box .wpcf7-form .wpcf7-textarea {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    }
    }
    /* 6.5 Max Width: 1024px */
    @media only screen and (max-width: 1024px) {
    body {
    max-width: 1024px;
    }

    .wrapper {
    width: 94%;
    }

    .wrapper nav {
    width: 100%;
    margin-bottom: 15px;
    clear: both;
    float: none;
    }
    .wrapper nav ul {
    float: none;
    }

    .openresponsivemenu {
    width: 100%;
    background: #394753;
    padding: 10px 0px;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 16px;
    clear: both;
    margin-top: 15px;
    }

    .container-menu ul {
    display: none;
    }

    .responsivemenu ul {
    display: block;
    }

    .responsivemenu ul li {
    width: 100%;
    height: auto;
    margin-left: 0px;
    text-align: center;
    padding: 0;
    margin: 0;
    }

    .responsivemenu ul li a {
    height: 30px;
    line-height: 30px;
    padding: 0px;
    border: none;
    width: 100%;
    }

    .responsivemenu ul li a:hover {
    border: none;
    }

    .responsivemenu a:hover {
    background: #dee0e2;
    }

    .responsivemenu li ul {
    width: 100%;
    position: initial;
    box-shadow: initial;
    }

    #subheader .subheader-color .full-header-content {
    width: 100%;
    margin-top: 75px;
    float: none;
    }
    #subheader .subheader-color form.header-form {
    width: 79.3%;
    padding: 27px 10%;
    float: none;
    }
    #subheader .subheader-color form.header-form .wpcf7-text {
    width: 32.6%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    }
    #subheader .subheader-color form.header-form .wpcf7-textarea {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    }
    #subheader .subheader-color form.header-form .small-input-text {
    margin: 8px 0px 8px 1%;
    }
    #subheader .subheader-color form.header-form .wpcf7-submit {
    width: 100%;
    }
    #subheader .second-subheader h3 {
    margin: 0px;
    }

    #features .features-box {
    width: 30.3%;
    margin-left: 4.5%;
    }

    #content .content-about .practice-area, #content .content-about .our-lawyers {
    width: 100%;
    }
    #content .content-about .practice-area .content-about-title, #content .content-about .our-lawyers .content-about-title {
    width: 100%;
    }
    #content .content-about .practice-area ul li, #content .content-about .our-lawyers ul li {
    width: 33.3%;
    }
    #content .content-about .our-lawyers {
    width: 100%;
    margin-top: 40px;
    }
    #content .content-about .our-lawyers .content-about-title {
    width: 100%;
    }
    #content .content-about .our-lawyers a.lawyer {
    width: 25%;
    height: 200px;
    }
    #content .content-about .our-lawyers a.lawyer img {
    width: auto;
    max-height: 200px;
    }
    .lawyer-no-image1 {
    width: 100%;
    height: 100%;
    background: #eee url(“images/lawyer-single-no-image.png”) no-repeat center;
    }
    #content .content-about .our-lawyers a.lawyer .overlay {
    display: none;
    }
    #content .content-about .our-lawyers a.lawyer .button {
    display: none;
    }
    #content .content-testimonials .testimonials-title {
    width: 100%;
    }
    #content #lawyers-post-type .lawyers-posts article {
    width: 13.25%;
    }
    #content #lawyers-post-type .lawyers-posts article a img {
    width: 100%;
    }
    #content #lawyers-post-type .lawyers-posts article a.lawyers-posts-no-image {
    width: 100%;
    background: #eeeeee url(“images/lawyer-single-no-image.png”) no-repeat center;
    }
    #content ul.practice-areas-lists {
    width: 104.1% !important;
    }
    #content ul.practice-areas-lists li {
    width: 21.1%;
    height: 22px;
    font-size: 18px;
    }
    #content .lawyers-practice-areas {
    width: 100%;
    }
    #content .lawyers-practice-areas ul {
    width: 100%;
    }
    #content .lawyers-practice-areas ul li {
    width: 100%;
    }

    #footer .footer-margin-left {
    width: 103.11%;
    margin-left: -3.11%;
    }
    #footer .footer-margin-left .footer-box {
    width: 31.22%;
    margin: 0px 0px 0px 2.1%;
    padding: 0px;
    }
    #footer .footer-margin-left .footer-box {
    font-size: 18px;
    }
    #footer .footer-margin-left .footer-box .wpcf7-form {
    width: 100%;
    }
    #footer .footer-margin-left .footer-box .wpcf7-form .wpcf7-text,
    #footer .footer-margin-left .footer-box .wpcf7-form .wpcf7-textarea {
    width: 83.6%;
    }
    #footer .footer-margin-left .footer-box .wpcf7-form .wpcf7-submit {
    width: 100%;
    }
    #footer .footer-margin-left .widget-our-lawyers a {
    width: 90px;
    height: 90px;
    }
    #footer .footer-margin-left .widget-our-lawyers .lawyer-no-image {
    width: 90px;
    height: 90px;
    }
    #footer .footer-margin-left .widget-our-lawyers .overlay {
    display: none;
    }
    #footer .footer-margin-left .widget-our-lawyers .button {
    display: none;
    }

    #lawyers-content .lawyers-content-lawyers {
    width: 103.11%;
    margin-left: -3.11%;
    }
    #lawyers-content .lawyers-content-lawyers .lawyer {
    width: 46.8%;
    height: 700px;
    margin: 60px 0px 0px 3.11%;
    }

    .testimonials-post {
    width: 100%;
    background: none;
    }

    #posts {
    width: 65.70%;
    }

    #posts h3 {
    line-height: 38px;
    font-size: 34px;
    }

    #posts p {
    font-size: 18px;
    }

    #posts .post-meta {
    line-height: 18px;
    font-size: 14px;
    }

    #sidebar-right {
    width: 28.10%;
    padding: 30px 2% 0px 2%;
    }
    #sidebar-right .widget ul.children li {
    margin-left: 0px;
    }
    #sidebar-right .widget .widget-our-lawyers {
    width: 110%;
    margin: -30px 0px 0px -10%;
    }
    #sidebar-right .widget .widget-our-lawyers .lawyer {
    width: 40% !important;
    margin: 30px 0px 0px 10% !important;
    }
    #sidebar-right .widget .widget-our-lawyers .lawyer .overlay {
    display: none;
    }
    #sidebar-right .widget .widget-our-lawyers .lawyer .icon-eye {
    display: none;
    }

    #comments-template .comments-list li .comment-entry {
    width: auto;
    float: none;
    }
    #comments-template .comment-respond .form-allowed-tags {
    width: 100% !important;
    }
    #comments-template .comment-respond .comment-form fieldset {
    width: 48.5%;
    }
    #comments-template .comment-respond .comment-form fieldset .input-small-left {
    width: 100%;
    }
    #comments-template .comment-respond .comment-form fieldset .input-small-right {
    width: 100%;
    }
    #comments-template .comment-respond .comment-form textarea.input-textarea {
    width: 48.5%;
    height: 160px;
    }
    }

     

    #2362672
    PhiLyon
    Modérateur
    Maître WordPress
    27946 contributions

    Bonjour.

    Apparemment ce thème n’existe plus chez l’éditeur, quand l’as-tu installé ?

    S’il n’est pas à jour, il n’est sûrement pas compatible avec les dernière versions de WordPress, du PHP ou des extensions.

    🙂

    • Cette réponse a été modifiée le il y a 9 mois et 1 semaine par PhiLyon.
    #2362675
    silvye
    Participant
    Initié WordPress
    6 contributions

    Bonjour et merci de me répondre,

    Je l’ai installé en 2017. Je fais régulièrement les mises à jour des extensions, sans problème apparemment. Comment je peux faire pour une mise à jour d’un thème qui n’existe plus alors ? Je veux dire retrouver les feuilles de style et autres du départ ? ça doit bien être quelque part, non ? c’est ce que je cherche en fait, pour écraser ma feuille parent css, en remettre une toute fraîche et ne pas me prendre la tête…

    #2362676
    PhiLyon
    Modérateur
    Maître WordPress
    27946 contributions

    et ne pas me prendre la tête…

    Quand ton site sera piraté ou hors service, là tu auras de quoi te prendre la tête.

    Si le thème n’est plus maintenu, il faut en trouvé un autre, le même éditeur propose celui-ci https://themeisle.com/demo/?theme=Lawyers

    🙂

    #2362716
    silvye
    Participant
    Initié WordPress
    6 contributions

    il faudra bien que je m’y résigne…

    Merci de m’avoir répondu en tout cas.

6 sujets de 1 à 6 (sur un total de 6)
  • Vous devez être connecté pour répondre à ce sujet.