Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 8, 2018 at 10:52 pm #910016
    Julie

    Hello!
    I have a post with a longer title and the breadcrumb is overflowing the container on small mobile screens.
    How can I fix this?
    Link to the post and a screenshot are below.
    Thanks in advance for your help!

    February 8, 2018 at 11:16 pm #910037
    Jordan Shannon

    Hey Julie,

    Thanks for the screenshot and link. You can try to simply shrink the text. Please add the following to quick css:

    @media only screen and (max-width: 767px)  {
.breadcrumb.breadcrumbs.avia-breadcrumbs .breadcrumb-trail{
font-size:8px!important;
}}

    Best regards,
    Jordan Shannon

    February 8, 2018 at 11:33 pm #910042
    Julie

    Worked like a charm!
    (I changed font size to 10px and max width to 479px since it looks ok on wide views, it’s only the narrow views that were a problem.)
    Many thanks for the quick response.
    You guys are the best. :)

    February 8, 2018 at 11:42 pm #910046
    Jordan Shannon

    Hi,

    No problem. Glad I was able to help you. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Breadcrumb overflowing container on small mobile screens’ is closed to new replies.