How can I increase the font size on my mobile hero page button?

Store Design
1

Hi,

I added the code below to make my mobile Hero Page scalable without changing the hero picture design.

However, now I want to increase the font size of the “Jetzt bestellen” button.

How do I do this?

(Note: I already reached out to the customer support, they will not help me with this issue)

kind regards

Robert

Inux131_0-1634716580594.png
Inux131_0-1634716580594.png400×372 50.6 KB

Code added:

Inux131_0-1634716747081.png
Inux131_0-1634716747081.png544×883 10.3 KB

2

Hello Robert.

Please, share your website link, so I’ll be able to help you.

Thanks.

3

https://humbugwatches.com/

pw: aiffau

Best regards

Robert

4

Thanks.

Need a password for it.

5

pw: aiffau

6

Hey Robert.

The easy solution you can use is to include this code in some of your media queries (if you want it for mobile only):

.mega-subtitle a {
    font-size: 15px;
}

But for better usability and proper code style - you have to use CSS variables + Theme controls. Can’t help you with that free, because it will require some time. But you can always use the first option.

7

Hello
You can try this code for mobile view
Add this in theme.css file

@media screen and (max-width:767px){
.mega-subtitle a {
    font-size: 16px;
}
}