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`



<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>



enter link description here`*

Actual behavior

Resources (screenshots, code snippets etc.)

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.

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.


Grzegorz Bujański staff commented 4 years ago

Hi. I'm glad it helped. Best, Grzegorz.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • 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