Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 30, 2018 at 7:05 pm #1003749
    kjwaggz

    Hi there,

    I checked out some other threads on this and they were either custom solutions or didn’t seem to work for me.

    http://www.slpinspections.com/pricing/ is the page that has the pricing text running into each other. How would I go about making this responsive without shrinking the text a bunch on desktop?

    Thank you!

    August 31, 2018 at 5:02 am #1003899
    Rikard

    Hey kjwaggz,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 686px) {
.av-catalogue-title, .av-catalogue-price {
  font-size:16px !important;
}
}

    Best regards,
    Rikard

    August 31, 2018 at 4:53 pm #1004161
    kjwaggz

    That helped a little but the text is still overlapping. Anyway for the title of the text to wrap?

    August 31, 2018 at 7:50 pm #1004207
    kjwaggz

    Nevermind, I got it figured out! For those that find this thread, I added a <br> in the title to force the line break that for some reason wasn’t taking on mobile.

    September 1, 2018 at 1:26 pm #1004342
    Vinay

    Hi,

    Thanks for sharing your tip.

    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Catalogue Overlapping Text on Mobile’ is closed to new replies.