Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 22, 2017 at 1:32 am #891447
    aussiedropbear

    Hello,

    I have overly large text headings (H2 – 50px) on a home page for a client.

    I have noticed that the text for one of the words does not align and is cut-off partially when viewed on a mobile phone device.

    I have tried reducing the font which works but client wants it the size (50px) it is.

    Any assistance is apreciated.
    Cheers
    John

    December 27, 2017 at 7:36 pm #892200
    Victoria

    Hey John,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .av-special-heading {
    word-wrap: break-word;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 25, 2018 at 12:15 am #902438
    aussiedropbear

    Hi Victoria,

    Sorry for the delay, Holidays :).

    I tried as suggested however that breaks up the words when it wraps and is not so great. I would like to mainatin the whole word but have it reduice when on the small 767px width screen.

    Is this possible?

    Thanks John

    January 26, 2018 at 5:01 am #903161
    Victoria

    Hi John,

    All right :)
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  #top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 22px;
    font-weight: bold;
 }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 29, 2018 at 12:22 am #903977
    aussiedropbear

    Thank You Victoria. That seemed to do the trick.

    January 29, 2018 at 7:02 am #904090
    Victoria

    Hi John,

    Glad we got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.