Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 27, 2023 at 3:40 am #1426503
    teotaban

    Hi, it´s possible to hide the footer for smartphone only?
    Thanks

    November 27, 2023 at 8:05 am #1426506
    Ismael

    Hey teotaban,

    Thank you for the inquiry.

    The following css code should hide the footer and socket on mobile view.

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #footer,
  #socket {
    padding: 15px 0 30px 0;
    z-index: 1;
    display: none;
  }
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Best regards,
    Ismael

    November 28, 2023 at 11:00 am #1426591
    Guenni007

    if you like to hide it only for real mobile devices ( and not for all small screens ) you can use that class – enfold added to the document ( html ) for mobile devices: avia_mobile

      .responsive.avia_mobile #footer,
  .responsive.avia_mobile #socket {
    display: none;
  }

    and if you like to allow for “mobile Devices” with big screens tablets etc. (ipad…) use a combination of both.

    @media only screen and (max-width: 767px) {
  .responsive.avia_mobile #footer,
  .responsive.avia_mobile #socket {
    display: none;
  }
}
    November 28, 2023 at 11:07 am #1426592
    Ismael

    Hi,

    @teotaban: You can try either of the solutions mentioned above. Let us know if you need further assistance.

    Best regards,
    Ismael

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