Topic: Breadcrumbs flexible
LAGIER priority asked 4 years ago
**Hello, I hope that in these pandemic times, the MDBootstrap team is in good health. As you are full of resources, I will still need your advice so that my "logo and the links of the breadcrumbs" remain visible on a pc and smartphone. When the screen is greater than 1200, the small region logo and the breadcrumbs are hidden by the opening of the sideNav. On the smaller screens, the region logo and the entire breadcrumbs are clearly visible. Here is a link to see the problem. Switch to full screen then smartphone size to see the hidden part of the breadcrumbs. With thanks. Alain`
Jura
Hébergements
<li class="breadcrumb-item"><a href="../hotels/hotels-jura.html" title="Hôtels Jura et Franche-Comté">Hôtels</a></li>
<li class="breadcrumb-item active">XXXX</li>
</ol>
</nav>
https://cse.google.com/cse.js?cx=partner-pub-4451249417804546:8729566766'>
Actual behavior
Resources (screenshots, code snippets etc.)
LAGIER priority answered 4 years ago
255/5000 Hello Grzegorz.,
Excuse me for responding to your message so late, and I hope that time MDB is doing well in these difficult times.
Your solution works perfectly and thank you for your help.
With best regards to all.
Alain
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB jQuery
- MDB Version: 4.15.0
- Device: MDB Pro
- Browser: All
- OS: windows 10
- Provided sample code: No
- Provided link: Yes
Grzegorz Bujański staff commented 4 years ago
Hi. Try add
padding-left: 240px
to breadcrumbs for screen greater than 1200 and reset padding when sreen is less than 1200.Best Grzegorz.