Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 15, 2019 at 12:44 am #1138429
    latanyarenee

    Hello,

    I am using a grid style on my home page to display the blog post snippets. Can you please let me know how to make the title fonts appear a bit smaller on mobile in order for me to read the titles without them being a bit cut off. I just want them to look uniformed. There is only 1 image for 1 of the post in the grid that is showing also and it is cut off. I want to see if I can get this to look uniformed. This is on 2 mobile phones.

    September 16, 2019 at 9:02 pm #1138924
    Victoria

    Hey latanyarenee,

    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-masonry-entry .av-masonry-entry-title {
         font-size: 18px;
     }
     #top #wrap_all .av-masonry-entry .av-inner-masonry-content {
        padding: 10px;
     }
 }

    If you need further assistance please let us know.

    Best regards,
    Victoria

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