-1

I am building a portfolio page using bootstrap,

My Page

I added collapse boxes under every carousel for more info, but when I active the collapsed items , two problem appears

  1. Anchor points are not working properly anymore. I set the anchor points to ID's of each div, and the links are in "List" dropdown menu, when the collapses are active, the anchor offset is different somehow, doesn't' take you to 0 point of each div.
  2. The carousel controls are not centered anymore, specially when the browser width is getting less
  • add `overflow:hidden` in `.eachitem` class, it will fix your `carousel-control` alignment issue. – Deepak Yadav May 09 '17 at 13:27
  • Couldn't get your `anchor points not working..` issue – Deepak Yadav May 09 '17 at 13:28
  • Thank you, overflow fixed the carousel-control problem. About the anchor points, I set the anchor points to ID's of each div, and the links are in "List" dropdown menu, when the collapses are active, the anchor offset is different somehow, doesn't' take you to 0 point of each div. –  May 09 '17 at 13:39
  • Buddy, the last image isn't visible. but i would suggest replace `margin-top:` with `padding-top:` inside `.eachitem`, so it may work. I'm not sure but worth a try. – Deepak Yadav May 09 '17 at 16:48
  • wow, tnx buddy, worked like a charm!! –  May 09 '17 at 19:43
  • Glad to hear that. I have posted it as an answer below. You can mark it as Answer and close. – Deepak Yadav May 10 '17 at 04:59

1 Answers1

0

Combining the comments and adding it as an answer.

.eachitem {
overflow: hidden; 
padding-top: 100px; /* replace your margin-top with padding-top */
.....
.....
}
Deepak Yadav
  • 6,804
  • 5
  • 31
  • 49