Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1291542
    TheoryUnit
    Participant

    Hi there,

    I’ve enlarged the font size of the accordion header to 40px, which is fine on desktop, but on mobile, I’m only getting the first word or two displaying and the text isn’t breaking onto a new line.

    Is there a way to a either make the text responsive so it shrinks on mobile, or so it breaks onto a new line if it doesn’t fit onto one?

    The website is http://astilltreecare.co.uk/what-we-do/

    Thanks,
    Matt

    #1291657
    Rupok
    Member

    Hi Matt,

    Thanks for writing in! Both are possible. You can add this under Custom > CSS in the Customizer.

    @media only screen and (max-width: 767px) {
    .x-accordion-heading .x-accordion-toggle {
      font-size: 16px;
      height: auto;
      line-height: 20px;
      margin-bottom: 15px;
    }
    }

    Let’s adjust the font-size and other values if needed.

    Cheers!

    #1291695
    TheoryUnit
    Participant

    Perfect! Thanks Rupok, you guys really are ace!
    Thank you!
    Matt

    #1291849
    Joao
    Moderator

    Glad to hear we managed to help,

    Joao

  • <script> jQuery(function($){ $("#no-reply-1291542 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>