responsive - font size

marecza
Inactive member
Topic Author
New Member

3 years 1 month ago #48421 by marecza

responsive - font size was created by marecza

how to reduce the font size for e.g. a mobile phone.an example in the attachment

Please Log in to join the conversation.

milos
Support Staff
Moderator

3 years 1 month ago #48423 by milos

Replied by milos on topic responsive - font size

Hello,

You can reduce font size for mobile devices only if you add a media query in CSS. For example, in the template options, under Custom > CSS tab you can add this:

Code:

@media (max-width: 500px) {
  .sparky_logo {
    font-size: 14px;
  }
}

to reduce the logo text to 14px if screen width is less than 500px.

You can also reduce carousel text (heading and regular text) like this:

Code:

@media (max-width: 500px) {
  .hot_swipe_carousel_slides .contents {
    font-size: 14px !important;
  }

  .hot_swipe_carousel_slides .contents h2 {
    font-size: 18px !important;
  }
}

You can change the values in the code as appropriate.

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.163 seconds