• Hola!

    El caso es que estoy diseñando una web con elementor y al configurar el header transparente funciona en desktop pero no en moviles.

    Veo como cuando aplico la transparencia por ejemplo en negro funciona pero prevalece el color blanco de abajo.

    He probado diversas maneras distintas como rgba, rgb, background, background-color, etc.

    También he probado de dar padding a los elementos como logo y menú y lamentablemente funciona el padding pero también estira el fondo blanco.

    Parece ser que algo interfiere y prevalece el color blanco .

    Alguien sabe que podría ser? adjunto código
    gracias de antemano!

    element.style {
    }
    .header-mobile {
        padding: 10px;
        background-color: rgba(0,0,0,0);
    }
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    user agent stylesheet
    div {
        display: block;
    }
    body {
        font-family: 'Open Sans',sans-serif;
    }
    body {
        font-family: "Cera Pro Regular", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;
        color: #636363;
        background: transparent;
        overflow-x: hidden;
    }
    html {
        font-size: 10px;
        background: #ffffff;
    }
    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }
    user agent stylesheet
    html {
        color: -internal-root-color;
    }
    .clearfix:before, .clearfix:after {
        content: " ";
        display: table;
    }
    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .clearfix:after {
        clear: both;
    }
    .clearfix:before, .clearfix:after {
        content: " ";
        display: table;
    }
    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    ::selection {
        color: #fff;
        background: #1b251f;
    }
    • Este debate fue modificado hace 4 años, 8 meses por marmardigan.
    • Este debate fue modificado hace 4 años, 8 meses por Fernando Tellado. Razón: Etiquetado correcto del código
Viendo 1 respuesta (de un total de 1)
Viendo 1 respuesta (de un total de 1)
  • El debate ‘Header mobiles no funciona transparencia’ está cerrado a nuevas respuestas.