Breadcrumb text too close to SPAN text

1 reply · opened Jun 25, 2017

RriklarkinJun 25, 2017

In the services-2.html page, there is a SPAN text and a breadcrumb that shows the viewer where they are. If the SPAN text is greater than 126 characters, it appears too close to the SPAN text (refer attachment).

How do I move the SPAN text to be inline with the H1 element since that is unlikely to be too long.

Note, this is on a desktop browser. In a mobile view, the breadcrumb appears under the text so there is no overlap.

Thanks

SSemicolon WebSTAFFJun 25, 2017

Hello,

This is Definitely Possible. You can simply add the following CSS Code:

@media (max-width: 991px) {
	.breadcrumb { top: 50% !important; }
}

and then change the top CSS Property value from % to px. Eg, 50px .

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard