-
AuthorPosts
-
January 9, 2017 at 4:49 am #730949
Hi there,
Is there a way to fix the overlapping of blog post titles in mobile view? site and screenshot of the issue are in the private content area.
Thanks!
-
This topic was modified 9 years ago by
bearsnuggle.
January 9, 2017 at 12:10 pm #731086Hey bearsnuggle,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .blog-categories h3 a word-break: break-word; font-size: 20px; }Best regards,
VinayJanuary 9, 2017 at 4:08 pm #731176Hey Vinay,
Thanks for the fast response.
But I just tried it and it did not work :( I also put in the !important as well but that didn’t work too.
Please help.
Thanks
January 10, 2017 at 6:29 am #731387Hi,
Thanks for the feedback, please try this instead:
.blog-categories h3 a { word-break: break-word !important; font-size: 20px !important; }Best regards,
RikardJanuary 10, 2017 at 6:37 am #731394Hello,
That did not work too. Any other suggestions?
Thanks!
January 10, 2017 at 9:30 am #731468Hi!
You can always try use media queries, around the elements based on the screen you want to target
Let us know if that works
Best regards,
BasilisJanuary 10, 2017 at 4:59 pm #731628Hi,
hmm im not sure how to do that, but could you please let me know how to decrease the blog post title size within the columns instead?
Thanks
January 11, 2017 at 7:53 am #731917Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width:767px){ .html_elegant-blog .avia-content-slider .slide-entry-title { font-size: 16px !important; }}Best regards,
VinayJanuary 11, 2017 at 8:00 am #731920Vinay,
Thank you!
That solved the problem :)
January 11, 2017 at 1:33 pm #732034 -
This topic was modified 9 years ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
