Make title responsive

  • Resolved daveporter

    (@daveporter)


    2 years, 6 months ago

    A colleague is working on this site, and she wants the size of the titles of the accordions to reduce for smaller devices.
    I’ve had a go at some custom CSS with media queries, but nothing changes for me – even when I test changing the font size without a media queries.
    What would be the best way to achieve this ?
    Could it be a feature request ?

    TIA, Dave

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter daveporter

    (@daveporter)

    Just a follow up – I thought I had a solution.
    I tried changing the html tag to h3 and h4 (the first and second on the page supplied are set to those)
    The first the H3 seems to be ignored
    The second the H4 works, but the title wraps after the arrow!
    The theme has desktop and mobile settings for font size for H3 and H4
    The theme is GeneratePress
    HTH

    Plugin Author Andy Feliciotti

    (@someguy9)

    You can keep it as span and use this selector to overwrite the title font-size for any media query you need https://gist.github.com/someguy9/bc9aad5fe07da366a5fbb6d7c6114a66

    Let me know if that works! Likely the CSS you had wasn’t selective enough to overwrite the default value.

    Thread Starter daveporter

    (@daveporter)

    Thanks for getting back, tried that, but unfortunately didn’t seem to make a difference.
    And then I added !important and all works great.
    I’ll setup the media queries next
    Thanks so much!
    Dave

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Make title responsive’ is closed to new replies.