Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 1, 2023 at 5:24 pm #1406104
    Jules

    Hey Gang,
    I need your help again with this topic below
    https://kriesi.at/support/topic/how-to-reapply-this-hompage-banner-design/

    Mobile Display – Mike originally fixed the mobile display problem, but now it’s gone back to this (screenshot). I did change the banner photo image, so I might have deleted a CSS code that I was unaware of. Mike: my sincere apologies for the rework here.
    Home-2.0.jpeg

    Second issue, the display on laptops – the text box is covering half of the person’s face. Is there a way to correct this without disrupting the displays on the PC and mobile? Here is a screenshot:
    Screenshot-2023-05-01-093508.png

    Sorry again for the rework for mobile. Greatly appreciate the help.
    My website and credentials are below if needed.

    Best Regards,
    Julio

    May 2, 2023 at 3:42 am #1406143
    Ismael

    Hey Julio,

    Thank you for the inquiry.

    We adjusted the css code in the Quick CSS field a bit.

    
/* Overlap Columns - Homepage Banner (Desktop) */
#homepage-banner+#after_section_1.container_wrap {
  border-top-style: none;
}

#homepage-banner main.content {
  padding: 0;
}

#homepage-banner .entry-content-wrapper {
  display: flex;
  align-items: center;
}

#homepage-banner .green-box {
  left: -5vw;
  z-index: 1;
}

/* Overlap Columns - Homepage Banner (Mobile) */
@media only screen and (max-width: 767px) {
  #homepage-banner .entry-content-wrapper {
    flex-direction: column;
  }

  #homepage-banner .green-box {
    left: auto;
    z-index: 1;
  }

  .responsive #top #homepage-banner>.container {
    max-width: 100%;
    padding: 0;
  }

  #homepage-banner .avia-image-container .avia-image-container-inner img {
    width: 100%;
    right: auto;
  }
}

    Please make sure to purge the cache and do a hard refresh before checking the page on mobile view.

    Best regards,
    Ismael

    May 2, 2023 at 4:50 am #1406147
    Jules

    Ismael,
    It all looks great; desktop, laptop and mobile. THANK YOU!!!

    Please close this issue.

    Best Regards,
    Julio

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Overlap Columns for Homepage Banner – Mobile & Laptop Display Issues’ is closed to new replies.