Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 13, 2025 at 7:04 am #1487942
    bemodesign

    only on Mobile view:
    I have some page that have “Headline visibility” set to “transparent” and some that are “no transparency”. The one that are “no transparency”, the top gets cut off on mobile. see below screenshot. can I get CSS code for all these page that are getting cut off or a solution? Also attached admin access. thanks!

    https://drive.google.com/file/d/1LD_vfxfdOR2hSYRWpxCk7LtGvei_8uJS/view?usp=sharing

    August 13, 2025 at 10:55 am #1487948
    Ismael

    Hey bemodesign,

    Thank you for the inquiry.

    Try adding this css code to apply top padding to the main container on pages without a transparent header.

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

  /* Add your Mobile Styles here */
  .responsive #top #main {
    padding-top: 80px !important;
  }

  .responsive #top .av_header_transparency+#main {
    padding-top: 0 !important;
  }
}

    Best regards,
    Ismael

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