Contact staff part is cut off

Description

Contact staff part isn’t shown fully on phone.

Reproduction

Simply be on a phone and go to the home page. You cannot see all of the contact staff part.

More info

There is no scroll bar or able to scroll down on it by simply touching it. I needed to highlight the words and force scroll down.

1 Like

This looks like some sort of CSS issue. It seems to only happen in the mobile layout. Even if you use a low browser width so that the header realigns to the same format as it uses on mobile, everything fits fine.

In mobile layout, narrower widths are cutting off more. If the width is wide enough, it doesn’t get cut off, and for me this happens before it gets wide enough to switch from the vertical to the horizontal layout.

@julian do you have any idea what could be causing this or how to fix it?

I’ll take a look later today

1 Like

You need to set the max-height to 1300px for #banner-content_wrap

#banner-content_wrap {
  overflow: hidden;
  max-height: 1000px;
  transition: max-height 1s ease;
}

1000px isn’t enough

2 Likes

Thank you Julian :slight_smile:

Julian’s fix is applied so this should only continue to be an issue if the devices pixel width is extremely small. If someone experiences this on any common device, please feel free to post some info

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.