Styling issue with long header and breadcrumbs

Question

When header is long there is a styling issue with breadcrumbs. In that case in my opinion breadcrumbs should be below header or maybe you have a better solution for it.

Please check attachment to see exactly the issue.

SemiColonWeb · Accepted Answer

Hello,

The Breadcrumb cannot be moved below the Title if it is long since the Breadcrumb is Absolutely Positioned. Consider using the following CSS code as it will create a padding around the Breadcrumb:

.device-xl #page-title .container,
.device-lg #page-title .container,
.device-md #page-title .container { padding-right: 300px; }

You can increase/decrease the 300px Value according to your needs.

This will definitely work fine. Hope this Helps!

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

lfm · Answer

Thank you. It helped :)