By Deaf Guy on

I've set up a panel page and am using CSS to style it. The breadcrumb field is at the bottom of the panel layout and I need to use CSS to move it to the top like a bread crumb should.

I've set up a simple mock-up you can see here.

Is there a way via CSS to get that breadcrumb div so it displays at the top?

Thanks.

⋅ Categories: Drupal 7.x

Comments

nevets’s picture

nevets commented

To me the question is why is the breadcrumbs below the content?

If you are placing the content in the content area, themes normally place the breadcrumbs above the content area. So while you could use css to do what you are ask, it is probably more appropriate to fix the underlying issue.

Deaf Guy’s picture

Deaf Guy commented

I agree but it's the way the page was set up and I have to move it to the top via CSS. Any help on this?

VM’s picture

VM commented

shifting this to the top with CSS isn't the proper way to correct the issue and will likely cause headaches with having to move the other divs with CSS as well. I agree with nevets, correct the layout of the page and/or the where /how the breadcrumbs are printed into the panel/theme.

If you are fixated on moving the div with CSS in the manner you've outlined, then my suggestion would be to use google and research positioning with CSS as the question itself is not at all drupal specific.