Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • July 16, 2019 at 9:44 am #1119102
    digitalezaken

    On the mobile version of a Dutch website we see some long words falling off the screen. How can we fix this?
    Please see the private content.

    July 16, 2019 at 6:52 pm #1119245
    Victoria

    Hey digitalezaken,

    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: 479px) {
  #top #wrap_all .all_colors h1,
   #top #wrap_all .all_colors h2,
  #top #wrap_all .all_colors h3,
  #top #wrap_all .all_colors h4, 
  #top #wrap_all .all_colors h5, 
  #top #wrap_all .all_colors h6,
   #top #wrap_all p {
       word-break: break-all;
   }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 16, 2019 at 6:52 pm #1119246
    Victoria

    Hey digitalezaken,

    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: 479px) {
  #top #wrap_all .all_colors h1,
   #top #wrap_all .all_colors h2,
  #top #wrap_all .all_colors h3,
  #top #wrap_all .all_colors h4, 
  #top #wrap_all .all_colors h5, 
  #top #wrap_all .all_colors h6,
   #top #wrap_all p {
       word-break: break-all;
   }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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