Knowledgebase

Can I adjust the font size specifically for mobile devices?

FAQ Bild

Often a heading that looks impressive on a desktop can be overwhelming on a smartphone. In AI Web Studio, you can optimize typography specifically for each device.

Adjusting font sizes:

Switch to the mobile view (smartphone icon). Highlight the heading and open the block settings on the right. Under 'Typography', you can now reduce the size specifically for the mobile view.

Advantage of this method:

These changes on mobile do not affect the desktop layout. This allows you to guarantee maximum impact on large monitors and optimal readability on small screens without making compromises.

Was this answer helpful?

Related Articles

How do I ensure my website looks perfect on a smartphone?

The AI Web Studio uses 'Responsive Design' from the ground up. This means all content automatically adapts to the screen size. However, manual...

How do I optimize spacing (padding) for the mobile view?

Generous white space looks elegant on a desktop, but on a phone, it can lead to the user seeing only 'emptiness'. AI Web Studio allows separate...

How do I design the 'hamburger menu' for mobile users?

On smartphones, the extensive main menu is automatically converted into a space-saving 'hamburger menu' (the three lines). You can customize this...

Can I completely hide certain blocks on mobile?

Sometimes a complex element (like a large data table or an elaborate video) is unsuitable for mobile users. In AI Web Studio, you can control...

How do 'Click-to-Call' buttons work in AI Web Studio?

Mobile users don't want to tediously type out numbers. A Click-to-Call button allows for a direct call with just one tap.Setting up a phone...