Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 10, 2024 at 5:15 pm #1439667
    carmentvaalba

    Hello I have inserted a sticky button in this page: https://gonowjets.com/lan-gonowjets/ “Reservar vuelo” with this code in quick CSS but I don’t know why instead being a normal button it is much bigger…. I have the same code and same button with other web site with enfold and works perfect (here works fine: https://faceclinic.es/lan/aravaca-lan-dental-0324/).
    Can you help me on that ? I don’t know why the button gets like that. Thank you.

    /* crear barra contacto en landings */

    .mobile-nav {
    background: rgba(255,255,255,0.01);
    position: fixed;
    bottom: 0;
    height: 90px;
    width: 120%;
    display: flex;
    justify-content: space-around;
    }

    .bloc-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    }

    .bloc-icon img {
    width: 30px;
    }

    @media screen and (min-width: 2000px) {
    .mobile-nav {
    display: none;
    }
    }

    April 11, 2024 at 9:29 am #1439707
    Ismael

    Hey carmen,

    Thank you for the inquiry.

    Have you tried adjusting the height of the mobile-nav element?

    .mobile-nav {
    background: rgba(255,255,255,.01);
    position: fixed;
    bottom: 0;
    height: 45px;
    width: 140%;
    display: flex;
    justify-content: space-around;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.