Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 6, 2024 at 2:27 pm #1439322
    carmentvaalba

    Hello I have a sticky button, but I want i only on desktop. This is the code I have, now is shown in mobile and desktop…what do I have to change?

    .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: 1800px) {
    .mobile-nav {
    display: none;
    }
    }

    April 6, 2024 at 6:25 pm #1439334
    Mike

    Hey carmen,
    Change this:

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

    to this:

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

    Best regards,
    Mike

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