Button size on mobile view

Question

Hello, Button size on slider mobile view seem far too large compared to title font size. See printscreen attached. I'd like to enlarge title font on mobile view. How can I do that ?

SemiColonWeb · Accepted Answer

Hello,

Heading Sizes use Responsive Fonts which is why they are resized accordingly on Mobile Devices. The Buttons are static sized since they have variable sizes. You can consider using Responsive Classes to control the Header Sizes. The Responsive Classes are as follows:

.device-xxl – Class for Larger Devices >=1400px

.device-xl – Class for Large Devices >=1200px to 1399px

.device-lg – Class for Medium Devices >=992px to 1199px

.device-md – Class for Tablets

.device-sm – Class for Landscape Mobiles or Phablets.

.device-xs – Class for Portrait Mobiles

Example:
[ch_pre type="css"].device-sm h2 { font-size: 30px; }[/ch_pre]

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.