Responsive headings

  • Resolved larskorvald

    (@larskorvlad)


    8 years, 1 month ago

    Hi!

    Great plugin.

    Is there a way to make the secondary heading responsive in any way? I want it to be smaller on smaller devices. Maybe a query or something?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author thaikolja

    (@thaikolja)

    You have to use media queries. Here’s an example:

    @media only screen and (max-width: 768px) {
  .secondary-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 320px) {
  .secondary-title {
    font-size: 10px;
  }
}

    That, of course, only works if you wrapped the secondary title into an element with the class “secondary-title”. Play around with the numbers and you should be fine.

    Thread Starter larskorvald

    (@larskorvlad)

    Thank you for your feedback.

    I was not able to wrap the element with a style. The text just got huge. Where would I type and what should I type.

    Thank you ??

    Thread Starter larskorvald

    (@larskorvlad)

    Do you know?

    Plugin Author thaikolja

    (@thaikolja)

    Yes, please hang on, I have a lot of work to do.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Responsive headings’ is closed to new replies.