Site logo

Archived topic

Changing button text line height on mobile view

1 reply · Started by Ben on April 9, 2021

Viewing posts 1–2 of 2

Hey guys,

How would I change the button line height in mobile view.

As it is, when the button text is broken onto two lines for mobile, there's quite a large gap between the lines, I'd like to reduce it.

Is there a way to do this?

Thanks

Ben

Hi there,

you can use a little CSS to change the button text line height on small screens:

@media(max-width: 600px) {
  .gb-button-text {
    line-height: 1em;
  }
}

Note - this will reduce the height of the button though - so you may want to add some more mobile top/bottom padding to the button

This archived topic is closed to new replies.