Modifier largeur barre recherche

  • Bonjour,
    Je viens d’installer votre script version gratuite avant de passer en version payante car des fonctions m’intéressent.
    Je rencontre par contre un souci avec la largeur de la barre de recherche et le thème astra.
    J’ai modifié le css pour élargir la barre de recherche avec le code suivant:

    .aws-container {
    width: 1200px;
}
.aws-container .aws-search-form {
    height: 32px !important;
}

    Le problème est que la barre est parfaite pour mon site via pc mais du coup trop large en version mobile.
    J’ai essayé de mettre alors 100% mais cette dernière reste à sa taille origine.
    Y a t-il un code particulier css pour la version mobile.

    Merci de votre aide

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter mouste63

    (@mouste63)

    Réglé

    Plugin Author ILLID

    (@mihail-barinov)

    Please try to used styles like

    .aws-container {
    max-width: 100%;
}

    or

    @media only screen and (max-width: 600px) {
.aws-container {
    width: 300px;
}
}
    Thread Starter mouste63

    (@mouste63)

    Hello,

    My code worked fine until the latest version of wordpress and / or astra

    My concern is when I switch the phone to horizontal mode. It takes into account the 1200px intended for the pc.
    Everything is shifted.
    I tried with 100% but it doesn’t work.

    Thank you

    Here is my code:

    .aws-container {
    width: 1200px;

    }
    .aws-container .aws-search-form {
    height: 32px! important;
    }
    .aws-search-result .aws_result_title {
    font-size: 16px;
    }
    .aws-search-result .aws_result_excerpt {
    font-size: 14px;
    }
    @media (max-width: 600px) {
    .aws-container {
    max-width: 380px;
    }
    }
    .aws-container .aws-search-form .aws-search-btn_icon {
    color: # 8b6a44;
    }

    Plugin Author ILLID

    (@mihail-barinov)

    Please try also to use style

    .aws-container {
width: 1200px;
max-width: 100%;
}
    Thread Starter mouste63

    (@mouste63)

    Thanks for the reply but I still encounter the same problem.
    Perfect on pc and mobile in normal mode, but as soon as you switch the phone to landscape mode, the bar takes the setting of 1200 pc and shifts everything.

    Plugin Author ILLID

    (@mihail-barinov)

    Can you please give me the link where I can see this issue?

    Thread Starter mouste63

    (@mouste63)

    Bonjour,

    https://beimaginatif.net/

    Plugin Author ILLID

    (@mihail-barinov)

    Strange, but I don’t see style

    @media only screen and (max-width: 600px) {
.aws-container {
    width: 300px;
}
}

    on your website. Please try to add it via WP customizer -> Custom css.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Modifier largeur barre recherche’ is closed to new replies.