Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 9, 2017 at 4:49 am #730949
    bearsnuggle

    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 8 years, 5 months ago by bearsnuggle.
    January 9, 2017 at 12:10 pm #731086
    Vinay

    Hey 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,
    Vinay

    January 9, 2017 at 4:08 pm #731176
    bearsnuggle

    Hey 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 #731387
    Rikard

    Hi,

    Thanks for the feedback, please try this instead:

    .blog-categories h3 a {
    word-break: break-word !important;
    font-size: 20px !important;
}

    Best regards,
    Rikard

    January 10, 2017 at 6:37 am #731394
    bearsnuggle

    Hello,

    That did not work too. Any other suggestions?

    Thanks!

    January 10, 2017 at 9:30 am #731468
    Basilis

    Hi!

    You can always try use media queries, around the elements based on the screen you want to target

    @media queries Responsiveness

    Let us know if that works

    Best regards,
    Basilis

    January 10, 2017 at 4:59 pm #731628
    bearsnuggle

    Hi,

    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 #731917
    Vinay

    Hi,

    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,
    Vinay

    January 11, 2017 at 8:00 am #731920
    bearsnuggle

    Vinay,

    Thank you!

    That solved the problem :)

    January 11, 2017 at 1:33 pm #732034
    Rikard

    Hi,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

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