Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 12, 2019 at 2:21 am #1052953
    Courtney

    Hi guys!

    How do I change the breadcrumb border so it doesn’t cut into the words of the actual breadcrumb on mobile?
    Right now the breadcrumb border is making a line through the text of the breadcrumb which looks messy and unprofessional.

    Please view the site on mobile to see the breadcrumb issue.

    Thank you in advance

    January 12, 2019 at 3:13 am #1052957
    Mike

    Hey Courtney,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 430px) { 
.title_container .breadcrumb {
    right: 0px !important; 
    top: 30% !important; 
}
#top .title_container .container {
    padding-top: 0px !important; 
    padding-bottom: 0px !important; 
}
.responsive #top #wrap_all .title_container .container {
    width: 100% !important; 
    max-width: 100% !important; 
}
}
@media only screen and (min-width: 431px) and (max-width: 786px) { 
.title_container .breadcrumb {
    right: 0px !important; 
    top: 30% !important; 
}
}

    Best regards,
    Mike

    January 12, 2019 at 6:27 pm #1053182
    Courtney

    Yay! It worked!

    Thank you for your speedy reply!

    January 12, 2019 at 8:59 pm #1053229
    Mike

    Hi,
    Glad we could help, I assume we can close this now, but I like to ask first.
    Is there anything else we can assist with on this issue?

    Best regards,
    Mike

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