Using Airfleet design - mobile not optimized

[Rotemgal]

Hello,

I have created the following LP:

https://go.gigaspaces.com/paris-event-march-2020

When in mobile version, people are unable to see some of the fields. I tried to find a solution but nothing seem to help.. 

Thanks

[alyssamwilie]

Hi @Rotemgal !

There's a height and max-height set on the hero which is why it's not stretching to the content. If you add the following to your CSS it should fix the issue (also added some more padding so your content isn't covering the social icons) :

@media (max-width: 768px) {
  .af-event-hero {
    max-height: unset;
    height: auto;
    padding-top: 150px;
    padding-bottom: 75px;
  }
}

 
Also, I would add a max-width to your logos so they don't become so large on mobile.

.af-event-hero img {
    max-width: 175px;
}