Header text getting cut off on mobile

  • Hi everyone

    This is a simple business site that I have made (I have no knowledge of CSS) and it was fine for a few months.

    I recently noticed that the text in the Home page banner/hero area are getting cut off on mobile.

    The theme is Mesmerize. I’m testing on a Sansung Note 9.

    https://clydebookkeeping.com.au/

    I’ve tried changing padding in the Hero > Front Page Hero > Mobile Content spacing area but it does nothing.

    I tried pasting some Additional CSS on the forums but that did nothing either (I’ve removed that code since then).

    If anyone is familiar with this issue, any help is really appreciated.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello,

    You can use this CSS code in Customizer -> General Settings -> Additional CSS :

    @media screen and (max-width: 480px){
.home .header-description.gridContainer.media-on-right {
    padding-top:30% !important;
}
}
Viewing 1 replies (of 1 total)
  • The topic ‘Header text getting cut off on mobile’ is closed to new replies.